1
resposta

[Dúvida] Como mostrar imagem no html declarada em uma variável ?

Me chamo Thiago e estou estudando para ser Dev Front-End, sou iniciante... ^^' Já tenho uma div no html que consegui exibir o nome, mas imagem não consegui. Aí está o código! Javascript.

var carta1 = { nome: 'item', imagem: }

var carta2 = { nome: 'item' imagem: }

var carta3 = { nome: 'item' imagem: }

var carta4 = { nome: 'item' imagem: }

var carta5 = { nome: 'item' imagem: }

var carta6 = { nome: 'item' imagem: }

var carta7 = { nome: 'item' imagem: }

var cartas = [carta1, carta2, carta3, carta4, carta5, carta6, carta7] var cartaMystery // Esta variável inicia vazia

function sortearCarta() { document.getElementById('btnSortear')

//parseInt - torna o número inteiro(Math.random()*7) sorteia um número aleatório dentre os 7 var numeroCartaMystery = parseInt(Math.random() * 7) cartaMystery = cartas[numeroCartaMystery] console.log(cartaMystery.nome) }

1 resposta

basta adicionar a tag img no html com uma class ou id, tipo, <img class="imagem"> e no javascript fazer assim:

const img = document.querySelector(".imagem");

img.src = variavel com o caminho e nome da imagem.

ou então fazer assim

img.setAttribute("src", variavel com caminho e nome da imagem);