HTML - Pasar variables de metodo

 
Vista:

Pasar variables de metodo

Publicado por Metodos (1 intervención) el 18/01/2024 19:32:43
function generarRANDOMyelegirCancion(){
//Genera un número del 1 al 6
var numeroAleatorio = Math.floor(Math.random() * 6) + 1;

// Obtiene el elemento de audio y la fuente correspondiente
var reproductor = document.getElementById("reproductor");

var Audio = document.getElementById("Audio" + numeroAleatorio);

Audio.src = "Audio" + numeroAleatorio + ".mp3";

//Obtiene el elemento para mostrar el nombre de la cancion
//var nombreCancion = document.getElementById("nombreCancion");

reproductor.load();
reproductor.play();
}
<body>
<button onclick="generarRANDOMyelegirCancion()">Dale click para oir la cancion random</button>
<button id="parada" onclick="Parar()">STOPA</button>

<audio id="reproductor" volume="" controls style="display: none;">
<!-- Fuentes de audio -->
<source id="Audio1" src="audio/Audio1.mp3" type="audio/mp3">
<source id="Audio2" src="audio/Audio2.mp3" type="audio/mp3">
<source id="Audio3" src="audio/Audio3.mp3" type="audio/mp3">
<source id="Audio4" src="audio/Audio4.mp3" type="audio/mp3">
<source id="Audio5" src="audio/Audio5.mp3" type="audio/mp3">
<source id="Audio6" src="audio/Audio6.mp3" type="audio/mp3">
Tu navegador no soporta el elemento de audio.
</audio>
</body>

//Mi problema es que el metodo que genera el numero aleatorio no pasa la variable del numero aleatorio por lo cual solo reproduce la primera cancion (a veces la 2º) no se porque xD
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