Analisando todas as figurinhas

muito legal esse projeto, nunca mais vou precisar comprar figurinha da copa kkk

O meu quando mostra no navegador a imagem e as informações das jogadoras as informações aparecem como “NaN”.

class Figura{

    constructor(nome, pais, posicao, urlImagem){
        this.nome = nome;
        this.pais = pais;
        this.posicao = posicao;
        this.imagem =  new Image(320, 400);
        this.imagem.src = urlImagem;

    }

    falar(){
        alert("Meu nome é: " + this.nome);
    }
    exibir(){
        document.body.appendChild(this.imagem);
        document.write("Nome: ", + this.nome + "<br>");
        document.write("País: ", + this.pais + "<br>");
        document.write("Posição: ", + this.posicao + "<br>");
    }
}

var figura = new Figura(“Priscila”, “Brasil”, “Goleira”, “debinha.jpg”);

figura.exibir();

top

consegui kkk mds to aprendendo muito!!

Pra evitar ficar repetindo o document.blablabla (DRY kkk) eu usei uma feature recente do ECMAScript, os template literals

<code>
class Figura {

    constructor(nome, pais, posicao, urlImagem) {
        this.nome = nome;
        this.pais = pais;
        this.posicao = posicao;

        this.imagem = new Image(320, 400);
        this.imagem.src = urlImagem;
    }

    falar() {
        alert("Meu nome é: " + this.nome);
    }

    exibirFigurinha() {
        document.body.appendChild(this.imagem);
        document.write(`<br>
        Nome: ${this.nome} <br> 
        Posição: ${this.posicao} <br>
        País: ${this.pais} <br>
        `);
    }
}

show

Aprendendo muito com este curso. S2

Conteúdo sensacional!

Que massa!