Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Input con doble "Button".

De acuerdo a las recomendaciones que nos da "Luis David Corrales Olaya" a la duda de "Caleb Humberto Loarca Morales", me reté en hacerlo. La Inquietud que se propone es: "Si, en el momento en el que mi proyecto tenga DOS INPUT, cómo puedo indicarle al querySelector, qué input debe tomar?". Adjunto código:

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Un Titulo</title>
  </head>
  <body>
    <h1> BOTONES E INDICAR SI DIGITÓ EL MISMO NÚMERO </h1>
  </body>
</html>
  <label for="input1"> Primer número de un character    : </label>
  <input type="number" id="input1" name="input1" value="0"/>
  <br><br>
  <label for="input2"> Segundo número de un character : </label>
  <input type="number" id="input2" name="input2" value="0"/>
  <br><br>
  <button>Verificar si acertó segunda entrada</button>


<script>
  var input = document.querySelector("input");

  function verificar() {
      if (parseInt(input1.value) == parseInt(input2.value)) {
        alert("Usted acertó");
      } 
      else{
        alert("Usted erró");
      }
  }
  var button = document.querySelector("button");
  button.onclick = verificar;

</script>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Jorge, excelente tu pregunta.

Para eso, usamos un identificador en el input, que puede ser una ''clase'' o un ''id''.

Abajo te dejo duas explicaciones de que son y en que caso usarlos:

ID: https://developer.mozilla.org/es/docs/Web/HTML/Global_attributes/id

Class: https://developer.mozilla.org/es/docs/Web/HTML/Global_attributes/class

Espero haberte ayudado, un saludo! Continúa con tus estudios y cualquier duda estaremos aquí.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios