Se van mostrando a través del botón los diferentes valores del array que presento pero necesitaría sustituir las palabras por ejemplo "manzana" por una imagen, pero que también continúe saliendo el valor porque más tarde se tendrán que comparar, es posible? Dejo el código:
var cards = new Array(
new Array("manzana", 1),
new Array("manzana", 2),
new Array("manzana", 3),
new Array("pera", 1),
new Array("pera", 2),
new Array("pera", 3),
new Array("melon", 1),
new Array("melon", 2),
new Array("melon", 3)
);
function random_card(){
if(cards.length > 0){
var rand = Math.floor(Math.random()*cards.length);
var html = "card: "+cards[rand][0]+"<br/>points: "+cards[rand] [1]+"<br/><br/>";
document.getElementById("myDiv").innerHTML += html;
cards.splice(rand, 1);
}
}
<div id="myDiv"></div>
<button onclick="random_card();">Hit</button>
img
dentro del html. Segundo, quieres que siga saliendo el valor. ¿Significa que quieres mantener el array original o te basta con lo que ya estás haciendo, que es anteponer el valor en el html insertado?