estoy practicando en javascript un poco de POO (clases,constructores y demás). Tengo un formulario(nombre,apellido,telefono) el cual al apretar el botón debería devolverme en consola el objeto que he creado.
Soy nuevo con POO y con todo lo referido al DOM.
class Person {
constructor(fname,lname,cphone){
this.fname = fname;
this.lname = lname;
this.cphone = cphone;
}
}
const btn = document.getElementById('btn');
btn.addEventListener('submit',function(e){
const fname = document.getElementById('name').value;
const lname = document.getElementById('lname').value;
const cphone = document.getElementById('cphone').value;
console.log(cphone);
const personOne = new Person(fname,lname,cphone);
console.log(personOne.name , personOne.lname , personOne.cphone);
e.preventDefault();
});
<form action="">
<input type="text" name="nombre" id="name"
placeholder="Nombre...">
<input type="text" name="apellido" id="lname"
placeholder="Apellido...">
<input type="number" name="cphone" id="cphone" min="0"
placeholder="Numero...
">
<button type="submit" id="btn">
Agregar
</button>
</form>
submit
a un botón, quizá debería ser del tipoclick
, pues unsubmit
aplicaría si el elementobtn
fuera un formulario.