Skip to main content

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>

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>

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>
Origen Enlace
Vero Soler
  • 145
  • 1
  • 8

Ir sacando imágenes de un array

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>