Boa tarde, estou com uma duvida. Eu pretendo que quando cliquemos num botão apareça uma imagem aleatoria de um baralho de 80 cartas. de seguida se clicarmos outra vez nesse mesmo botão, aparece outra carta ao lado da primeira e assim sucessivamente. Tenho estado a procura e não consigo...
<img id="image" width="220" style="box-shadow: rgb(158, 120, 137) 0px 0px 20px 0px; border-radius: 0.5em" src="h"></img>
aqui será onde, supostamente irão aparecer as cartas, e o JS que tenho é:
images = [{source: "https://i.ibb.co/xC9r03B/0.jpg"},
{source: "https://i.ibb.co/hD5gs5R/1.jpg"},
...
...]
var usedImages = [];
function random(){
var numberOfImages = images.length;
var num = getRandomInt(0, numberOfImages);
console.log(num);
if (usedImages.indexOf(num) === -1) {
document.getElementById("image").src = images[num].source;
document.getElementById("text").innerHTML = images[num].text;
usedImages.push(num);
}
else {
if (usedImages.length === numberOfImages) {
usedImages = [];
}
pickImage();
}
};
function getRandomInt(min, max) {
min = Math.ceil(0);
max = Math.floor(images.length - 1);
return Math.floor(Math.random() * (max - min)) + min;
}
alguem me pode dar uma ajuda sff? obrigado.