<meta charset="utf-8">
<h1>CAMPO DE TEXTO Y BOTON</h1>
<h3>En HTML input para campo de texto y button
con su etiqueta.<br> <br>
Se crean dos variables (en la sección /script), <br>
una para el valor secreto y la otra para llamar<br>
a objeto input para que capture un valor.<br><br>
Luego se crea una function verificar() y <br>
dentro de ésta if / else.<br><br>
Para que el button sea funcional, fuera de la<br>
function verificar se crea una variante:<br>
var button = document.querySelector("button").<br><br>
El método "document.querySelector()" toma el<br>
valor al pulsar el button para verificar disparada con <br>
el evento button.onclick.
</h3>
<input/>
<button>Verificar si acertó con el secreto</button>
<script>
var secreto = 5;
var input = document.querySelector("input");
function verificar() {
if (parseInt(input.value) == secreto) {
alert ("Usted acertó");
}
else{
alert("Usted no acertó");
}
}
var button = document.querySelector("button");
button.onclick = verificar;
</script>
