es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

La función de JavaScript solo funciona en Firefox.

24 Jul, 2023 Programación

Hice una función que muestra imágenes de cartas después de hacer clic en un botón. El problema es que no funciona en Chrome. El editor de Chrome presenta un “/” adicional al final de la ruta.

        function renderDeck(deck, ph)
    {
        var htmlStr = document.getElementById(ph).innerHTML;
        for (var i = 0; i < deck.length; i++) {
            htmlStr += '<div>';
            htmlStr += '<img src=' + deck[i].path + '/&#gt;';
            htmlStr += '</div>';
        }
        document.getElementById(ph).innerHTML = htmlStr;
    }

Un ejemplo de lo que añado al mazo

deck.push({ name: 'red_joker', path: 'cardImages/red_joker.png', val: 15 });

¿Cuál puede ser el problema?

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El problema es que al final de la ruta de la imagen en el código de la función hay una barra diagonal adicional. Esto hace que la imagen no se muestre en Google Chrome. El código correcto debería ser:

    function renderDeck(deck, ph) {
  var htmlStr = document.getElementById(ph).innerHTML;

  for (var i = 0; i < deck.length; i++) {
    htmlStr += '<div>';
    htmlStr += '<img src="' + deck[i].path + '">';
    htmlStr += '</div>';
  }

  document.getElementById(ph).innerHTML = htmlStr;
}

    Este código utiliza comillas dobles alrededor del valor del atributo src para asegurarse de que Chrome no agregue una barra diagonal adicional.

Comments are closed.