2
respostas

[Dúvida] O código está exibindo undefined

Estava fazendo o desafio Criar uma função que recebe um nome como parâmetro e exibe "Olá, [nome]!" no console. Contudo, a mensagem aparece antes de eu clicar em chute e quando clico em chute aparece Olá, undefined

Código js:

let titulo = document.querySelector('h1'); titulo.innerHTML='Hora do desafio';

function exibeMensagem(nome){ console.log(Olá, ${nome}); } exibeMensagem("Carol");

Html:

onclick="exibeMensagem()" class="container__botao">Chutar

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Está dando undefined pq você está chamando a função no html sem passar parâmetro. Adiciona o evento de click no JS ao invés no HTML:

document.querySelector('.container__botao').addEventListener('click', function() {
  exibeMensagem('Carol');
});

Olá! Acredito que isso está acontecendo porque você não deu um parâmetro a função.