JavaScript - Al dar click en mi botón que se visualicen imágenes al azar

 
Vista:
Imágen de perfil de edos
Val: 1
Ha disminuido su posición en 5 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Al dar click en mi botón que se visualicen imágenes al azar

Publicado por edos (1 intervención) el 16/08/2018 21:36:36
hola como les va amigos del foro, necesito ayuda en un problema que me surgio , etoy practicando js y lo que quiero hacer en este pequeño programa es que al dar click en mi boton generar se visualizan imagenes al azar pero son imagenes de cada numero de los dados hasta el 6 soy un poco nuevo en js y quisiera saber donde esta mi error les dejo el script y el html de mi pequeño programa
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
	<title>DADOS AL AZAR</title>
	<script type="text/javascript" src="js/dados.js"></script>
</head>
<body onload="cambiar()">
	<button onclick="cambiar()">GENERAR</button>
	<br><br><br>
<center><img id="generar" src="imagenes/n5.jpg" /></center>
</body>
</html>


1
2
3
4
5
6
7
8
9
10
11
12
13
var array=[];
var imagen = array;
 
imagen[0] = "imagenes/n1.jpg";
imagen[1] = "imagenes/n2.jpg";
imagen[2] = "imagenes/n3.jpg";
imagen[3] = "imagenes/n4.jpg";
imagen[4] = "imagenes/n5.jpg";
imagen[5] = "imagenes/n6.jpg";
 
function cambiar(){
     document.getElementById("generar").innerHTML = [Math.random(imagen)];
}

las imagenes las guarde dentro de una carpeta nose si este mal enlzado o algo asi porfavor de antemano muchas gracias por su ayuda.
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 ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Al dar click en mi botón que se visualicen imágenes al azar

Publicado por ScriptShow (692 intervenciones) el 17/08/2018 11:08:29
Saludos,

Comprueba la ruta de las imágenes, etc...

Veamos una opción posible:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>DADOS AL AZAR</title>
<script type="text/javascript">
var imagen = new Array("imagenes/n1.jpg","imagenes/n2.jpg","imagenes/n3.jpg","imagenes/n4.jpg","imagenes/n5.jpg","imagenes/n6.jpg");
 
function cambiar(){
document.getElementById("generar").src = imagen[(Math.floor(Math.random()*imagen.length))];
}
</script>
</head>
<body onload="cambiar()">
<button onclick="cambiar()">GENERAR</button>
<br><br><br>
<center><img id="generar" src="imagenes/n5.jpg" /></center>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar