Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@katio

katio/dado.html

Created July 3, 2021 07:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save katio/7e5235918db4c913a6f4b5397943e7ef to your computer and use it in GitHub Desktop.
Save katio/7e5235918db4c913a6f4b5397943e7ef to your computer and use it in GitHub Desktop.
Download ZIP
Código de video número 26 de la serie Programación desde cero. JavaScript: eventos y cómo programar un clic: https://www.youtube.com/watch?v=_i4fUcYaYM0&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=26 https://twitter.com/abrupto
Raw
dado.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
}
#dado {
font-size: 85px;
}
img {
display:block;
}
button {
margin: 10px;
padding: 10px;
background-color: green;
color: white;
cursor: pointer;
}
</style>
<h1>Dado</h1>
<img src="https://i.imgur.com/AYxOJot.png" alt="Trébol de 4 hojas">
<button id="boton">Lanzar dado</button>
<div id="dado"></div>
<script>
function generarNumeroDado(){
return Math.floor(Math.random() * 6) + 1;
}
function lanzarDado(){
dado.innerText = generarNumeroDado();
}
boton.addEventListener('click', lanzarDado);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment