JS - Validar entrada de datos

by Manuel Gertrudix

HTML

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript puede validar datos</h1>

<p>Introduce un número del 1 al 10:</p>

<input id="numb">

<button type="button" onclick="myFunction()">Enviar</button>

<p id="enviar"></p>

<script>
function myFunction() {
    var x, text;

    // Coge el valor del número introducido en el input con el id="numb"
    x = document.getElementById("numb").value;

    // Si x no es un número o es menor que 1 o mayor que 10 actua el if, sino, la estructura condicional pasa al else
    if (isNaN(x) || x < 1 || x > 10) {
        text = "Entrada no válida";
    } else {
        text = "Entrada OK";
    }
    document.getElementById("enviar").innerHTML = text;
}
</script>

</body>
</html>