Ejercicios de práctica de JavaScript

Ejercicio F-1

Lanzamientos de dados.

Vamos a practicar como programar un evento, en esta ocasión haremos uso del más simple de ellos; el evento click.

  1. En el archivo HTML crea un botón con el texto tirar dados. Define el atributo onclick="tirarDados()" al botón.
  2. En el archivo JS declara una función tirarDados(). Esta se ejecutara cada vez que se haga click en el botón tirar dados.
  3. Codea dentro del bloque de la función, el lanzamiento aleatorio a través de un math.ramdom (pregúntale a Google como funciona).

    4. Forma de resolverlo:

    Opción de función declarada:

    function tirarDados() { document.getElementById("resultado").innerHTML = Math.floor(Math.random() * 6) + 1; }

    Opción con arrow function:

    tirarDados = () => document.getElementById("resultado").innerHTML = Math.floor(Math.random() * 6) + 1;

    Aquí vemos el html y el código en acción

    <button id="boton" onclick="tirarDados()">Tirar dados</button>
    <p id="resultado"></p>

    Practicamos eventos

    Haz click en el botón y verás qué número del 1 al 6 te toca!

    Volver al inicio