Skip to content

J
js-e002
Switch branch/tag
Find file
Normal viewHistoryPermalink
tirando_dados.html 1.13 KB
Newer Older
Se agregaron los archivos correspondientes a la tarea!
1b780202
 
Pedro Rolon committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Tirando Dados</title>
		
		<style>
			body{
				background-image: url("recursos/casino.jpg");
				background-size: 50% ;				
			}

			button{
				width: 100px;
				height: 100px;
				background-image: url("recursos/tirar_dados.jpeg");
				background-size: 100%;
				color: white;
				font-family: monospace;
			}
		
		
		</style>
	</head>
	<body>
		<img src="dados/1.png" id="dado1" width="100" height="100">
		<img src="dados/2.png" id="dado2" width="100" height="100">
		<img src="dados/3.png" id="dado3" width="100" height="100">
		<img src="dados/4.png" id="dado4" width="100" height="100">
		<img src="dados/5.png" id="dado5" width="100" height="100">		
		
		<script type="text/javascript">
			"use strict";			
			function aleatorio(limite_inferior, limite_superior) {
			 	return Math.round(Math.random() * (limite_superior - limite_inferior) + limite_inferior);
			}
			function dados(){
				for(let i=1; i<6; i++){
					document.getElementById("dado"+i).src="dados/"+aleatorio(1,6)+".png";
				}
			}			
		</script>
		</br>
		</br>
		<button onclick="dados()">Tirar Dados!</button>
	</body>
</html>