why is the images not showing in my html?

Question

my code is supposed to show a picture depending on witch pic it lands on in the random function.

this is my html

 <div>
    <h2>Joureur 0:</h2>

    <div id="MainJoueur0"></div>         
 </div>

then in my .ts i did this

afficherCarteJoueurZero() {

        document.getElementById('MainJoueur0').innerHTML = '<div></div>';

        for (let i = 0; i < 2; i++) {

            let img = new Image(90, 130);
            img.src = "assets/images/" + this.sorte + "_" + this.valeur + ".gif";
            document.getElementById('MainJoueur0').appendChild(img);

        }

    }

Answer 1

img.src = "assets/images/" + this.sorte + "_" + this.valeur + ".gif";

this.sorte 和 this.valeur 是数组，你不应该从中选择一个索引吗？

Answer 2

The sorte and valeur is array , you need get string by index as

 for (let i = 0; i < 2; i++) { let img = new Image(90, 130); img.src = "assets/images/" + this.sorte[i] + "_" + this.valeur[i] + ".gif"; document.getElementById('MainJoueur0').appendChild(img); }