Skip to main content
agrega formato al código y le da una mejor redacción
Enlace
Layer
  • 6.1k
  • 2
  • 11
  • 32

Error en el método AddEventListener Javascript

Error en el método AddEventListener Javascript

Nombre:Apellido:Edad:

function Comenzar(){ console.log("hasta aca estoy") var nombre1 var apellido1 nombre1=document.getElementsByClassName("B4I1"); apellido1==document.getElementsByClassName("B4I2");

nombre1.addEventListener("keyup",validacion,false);
apellido1.addEventListener("keyup",validacion,false);


validacion();
<form name="Registro" method="get">
   <table>
      <tr>
         <td>Nombre:</td>
         <td><input type="text" name="nombre" class="B4I1"></td>
      </tr>
      <tr>
         <td>Apellido:</td>
         <td><input type="text" name="apellido" class="B4I2"></td>
      </tr>
      <tr>
         <td>Edad:</td>
         <td> <input type="number" name="edad" id="B4I3"></td>
      </tr>
      <tr>
         <td></td>
         <td><input type="submit" id="B4I4"></td>
      </tr>
   </table>
</form>

} function validacion(){ Mi código javascript es el siguiente:

if ((nombre1.value==" ") && (apellido1.value==" ")){
    nombre1.setCustomValidity("Introduce nombre, apellido y edad");
    nombre1.style.background="#FFA07A";
    apellido1.style.background="#FFA07A";
    
    
} else {
    nombre1.setCustomValidity("");
    nombre1.style.background="#5f9ea0";
    apellido1.style.background="#FFFFFF";
    
}

} addEventListener("load",Comenzar,false);

function Comenzar(){
    console.log("hasta aca estoy")
    var nombre1
    var apellido1
    nombre1=document.getElementsByClassName("B4I1");
    apellido1==document.getElementsByClassName("B4I2");

    nombre1.addEventListener("keyup",validacion,false);
    apellido1.addEventListener("keyup",validacion,false);
    

    validacion();
}
function validacion(){

    if ((nombre1.value==" ") && (apellido1.value==" ")){
        nombre1.setCustomValidity("Introduce nombre, apellido y edad");
        nombre1.style.background="#FFA07A";
        apellido1.style.background="#FFA07A";
        
        
    } else {
        nombre1.setCustomValidity("");
        nombre1.style.background="#5f9ea0";
        apellido1.style.background="#FFFFFF";
        
    }
}
addEventListener("load",Comenzar,false);

estoEsto me devuelve el error 10.Formularios.js:9 Uncaught TypeErrorsiguiente: nombre1.addEventListener is not a function, si podria

10.Formularios.js:9 Uncaught TypeError: nombre1.addEventListener is not a function

Si alguien puede ayudarme :)

Error en AddEventListener

Nombre:Apellido:Edad:

function Comenzar(){ console.log("hasta aca estoy") var nombre1 var apellido1 nombre1=document.getElementsByClassName("B4I1"); apellido1==document.getElementsByClassName("B4I2");

nombre1.addEventListener("keyup",validacion,false);
apellido1.addEventListener("keyup",validacion,false);


validacion();

} function validacion(){

if ((nombre1.value==" ") && (apellido1.value==" ")){
    nombre1.setCustomValidity("Introduce nombre, apellido y edad");
    nombre1.style.background="#FFA07A";
    apellido1.style.background="#FFA07A";
    
    
} else {
    nombre1.setCustomValidity("");
    nombre1.style.background="#5f9ea0";
    apellido1.style.background="#FFFFFF";
    
}

} addEventListener("load",Comenzar,false);

esto me devuelve el error 10.Formularios.js:9 Uncaught TypeError: nombre1.addEventListener is not a function, si podria ayudarme :)

Error en el método AddEventListener Javascript

<form name="Registro" method="get">
   <table>
      <tr>
         <td>Nombre:</td>
         <td><input type="text" name="nombre" class="B4I1"></td>
      </tr>
      <tr>
         <td>Apellido:</td>
         <td><input type="text" name="apellido" class="B4I2"></td>
      </tr>
      <tr>
         <td>Edad:</td>
         <td> <input type="number" name="edad" id="B4I3"></td>
      </tr>
      <tr>
         <td></td>
         <td><input type="submit" id="B4I4"></td>
      </tr>
   </table>
</form>

Mi código javascript es el siguiente:

function Comenzar(){
    console.log("hasta aca estoy")
    var nombre1
    var apellido1
    nombre1=document.getElementsByClassName("B4I1");
    apellido1==document.getElementsByClassName("B4I2");

    nombre1.addEventListener("keyup",validacion,false);
    apellido1.addEventListener("keyup",validacion,false);
    

    validacion();
}
function validacion(){

    if ((nombre1.value==" ") && (apellido1.value==" ")){
        nombre1.setCustomValidity("Introduce nombre, apellido y edad");
        nombre1.style.background="#FFA07A";
        apellido1.style.background="#FFA07A";
        
        
    } else {
        nombre1.setCustomValidity("");
        nombre1.style.background="#5f9ea0";
        apellido1.style.background="#FFFFFF";
        
    }
}
addEventListener("load",Comenzar,false);

Esto me devuelve el error siguiente:

10.Formularios.js:9 Uncaught TypeError: nombre1.addEventListener is not a function

Si alguien puede ayudarme :)

Origen Enlace

Error en AddEventListener

Nombre: Apellido: Edad:

function Comenzar(){ console.log("hasta aca estoy") var nombre1 var apellido1 nombre1=document.getElementsByClassName("B4I1"); apellido1==document.getElementsByClassName("B4I2");

nombre1.addEventListener("keyup",validacion,false);
apellido1.addEventListener("keyup",validacion,false);


validacion();

} function validacion(){

if ((nombre1.value==" ") && (apellido1.value==" ")){
    nombre1.setCustomValidity("Introduce nombre, apellido y edad");
    nombre1.style.background="#FFA07A";
    apellido1.style.background="#FFA07A";
    
    
} else {
    nombre1.setCustomValidity("");
    nombre1.style.background="#5f9ea0";
    apellido1.style.background="#FFFFFF";
    
}

} addEventListener("load",Comenzar,false);

esto me devuelve el error 10.Formularios.js:9 Uncaught TypeError: nombre1.addEventListener is not a function, si podria ayudarme :)