Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » simulador de lanzamiento de un dado

JavaScript - simulador de lanzamiento de un dado

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Diego

simulador de lanzamiento de un dado

Publicado por Diego (7 intervenciones) el 02/11/2013 18:42:27
jajajajaj otra vez yo oigan una pregunta xk en el explorador no m muestra las imagenes esta pagina tiene que simular el lanzamiento de un dado agradeceria si me pudieran ayudar este es mi codigo
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  </HEAD>
   <BODY>
   <script>
var face0=new Image()
face0.src="1_1.png"
var face1=new Image()
face1.src="dos[1].png"
var face2=new Image()
face2.src="dado3.png"
var face3=new Image()
face3.src="dado4.png"
var face4=new Image()
face4.src="dado5.png"
var face5=new Image()
face5.src="dado dace6.gif"
</script>
 
 
<img src="d1.gif" name="mydice">
<form>
<input type="budtton" value="Lanza dado" onClick="lanzar()">
</form>
 
<script>
function lanzar(){
 
var randomdice=Math.round(Math.random()*5)
document.images["mydice"].src=eval("face"+randomdice+".src")
}
</script>
 
   </BODY>
</HTML>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

simulador de lanzamiento de un dado

Publicado por xve (2100 intervenciones) el 02/11/2013 21:30:02
Hola Diego, casi lo tenias... yo dispongo de las imágenes de los dados, te las adjunto por si no las tienes...

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
 
<BODY>
    <script>
        var face0=new Image()
        face0.src="dado1.png"
        var face1=new Image()
        face1.src="dado2.png"
        var face2=new Image()
        face2.src="dado3.png"
        var face3=new Image()
        face3.src="dado4.png"
        var face4=new Image()
        face4.src="dado5.png"
        var face5=new Image()
        face5.src="dado6.png"
    </script>
 
 
    <img src="" name="mydice">
 
    <form>
    <input type="button" value="Lanza dado" onClick="lanzar()">
    </form>
 
    <script>
    function lanzar()
    {
        var randomdice=Math.round(Math.random()*5);
        document.images["mydice"].src=eval("face"+randomdice+".src");
    }
    </script>
 
</BODY>
</HTML>


Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Diego

simulador de lanzamiento de un dado

Publicado por Diego (7 intervenciones) el 03/11/2013 01:21:15
pz si no es mucha molestia m puedes adjuntar las imagenes de el dado en un zipx fa
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Diego

simulador de lanzamiento de un dado

Publicado por Diego (7 intervenciones) el 03/11/2013 03:00:08
ignoren mi comentario anterior no habia visto las imagenes una pregunta algun foro a alguna pagina que me recomienden para aprender Bash en linux
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

simulador de lanzamiento de un dado

Publicado por michael (1 intervención) el 22/04/2018 19:29:10
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<html>
  <head>
    <title></title>
    <style>
      input.pipe{
        width:30%
      }
      div.line{
        width:100%;
      }
 
	  div.space{
		width:20%;
		float:left;
		text-align:center;
	  }
 
    div.spac{
		width:5%;
		float:left;
		text-align:center;
	  }
	  button.bot{
		width=100%;
	  }
 
	  div.l{
		width:30%;
		float:left;
	  }
 
	  div.r{
		width:5%;
		float:left;
	  }
 
    .dado{
      border-radius: 12% 12% 12% 12%;
      -moz-border-radius: 12% 12% 12% 12%;
      -webkit-border-radius: 12% 12% 12% 12%;
      border: 2px solid black;
      width: 3%;
      height: 7%;
      background-color: white;
      padding: 2% 2% 2% 2%;
      float: left;
      text-align:center;
    }
 
    .circ{
 
      border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -webkit-border-radius: 50% 50% 50% 50%;
      border: 0px solid black;
      background-color: black;
      width: 28%;
      height: 28%;
      float: left;
      padding: 1% 1% 1% 1%;
    }
 
    .circu{
 
            border-radius: 50% 50% 50% 50%;
            -moz-border-radius: 50% 50% 50% 50%;
            -webkit-border-radius: 50% 50% 50% 50%;
            border: 0px solid black;
            background-color: black;
            width: 80%;
            height: 80%;
            float: left;
            padding: 2% 2% 2% 2%;
            align-items: center;
    }
 
    div.content{
      padding: 2px 2px 2px 2px;
      border-top: 0px;
      border-bottom: 0px;
      border-style: solid;
    }
 
 
    </style>
  </head>
  <body onload="action();">
    <script language="javascript">
 
    function numeroAleatorio(min, max) {
      return Math.round(Math.random() * (max - min) + min);
    }
 
    function pub(id,num){
      switch(num){
        case 1:{
          document.getElementById(id).innerHTML="<div class='circu'>&nbsp</div><div class='space'>&nbsp</div>";
          break;
        }
        case 2:{
          document.getElementById(id).innerHTML="<br/><div class='circ'>&nbsp</div><div class='space'>&nbsp</div><div class='circ'>&nbsp</div>";
          break;
        }
        case 3:{
          document.getElementById(id).innerHTML="<div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div>";
 
          break;
        }
        case 4:{
          document.getElementById(id).innerHTML="<div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div>";
          break;
        }
        case 5:{
          document.getElementById(id).innerHTML="<div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div>";
          break;
        }
        case 6:{
          document.getElementById(id).innerHTML="<div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div class='circ'>&nbsp</div>";
          break;
        }
      }
    }
 
    function action(){
      var dados=[];
      for(i=0;i<5;i++){
        dados[i]=numeroAleatorio(1,6);
      }
 
      pub("uno",dados[0]);
      pub("dos",dados[1]);
      pub("tres",dados[2]);
      pub("cuatro",dados[3]);
      pub("cinco",dados[4]);
      //document.getElementById('uno').innerHTML="<div class="circ">&nbsp</div><div class="space">&nbsp</div>";

    }
 
 
 
 
    </script>
    <button name="lanza" id="lanza" onclick="action();"><h4>LANZA LOS DADOS</h4></button>
    <br/><br/>
    <div>
    <div class="dado" id="uno" name="uno"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="dos" name="dos"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="tres" name="tres"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="cuatro" name="cuatro"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="cinco" name="cinco"></div>
    </div>
 
 
  </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar