Entrar Ainda não tem acesso?
1
resposta

DESAFIO: INTERAGINDO COM HTML

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Interagindo com HTML e atividade Desafio: hora da prática

por Isabel Trindade Araujo
| 24.4k xp | 54 posts
let titulo = document.querySelector ('h1');
titulo.innerHTML = 'É HORA DO DESAFIO!';
function bc() {
    console.log ('O botão foi clicado')
}

function ba() {
    console.log ('Eu amo JS!')
}

function bp() {
let nomeCidade = prompt ('Digite o nome de uma cidade brasileira em que você já esteve:');
alert (`Estive em ${nomeCidade} e lembrei de você!`)
}

function bs() {
    let numero1 = parseFloat(prompt ('Escolha 1(um) número inteiro:'));
    let numero2 = parseFloat(prompt ('Escolha outro número inteiro:'));
    let soma = numero1+numero2;
    alert (`${numero1} + ${numero2} = ${soma} `)

}
1 resposta
por Luis Dias
| 3337.2k xp | 3666 posts
Developer PHP (⌐■_■)

Oi Isabel,

Seu código está ótimo e demonstra que você entendeu bem como interagir com o HTML usando Javascript! 👍

A forma como você selecionou o h1 com querySelector e alterou o conteúdo com innerHTML está correta.

As funções para os botões também estão funcionando perfeitamente, utilizando console.log, prompt e alert de maneira eficaz.

Uma dica para deixar seu código ainda melhor seria usar nomes mais descritivos para as funções, como exibirMensagemConsole em vez de bc, por exemplo.

Isso ajuda a entender o propósito de cada função só de ler o nome. 🥳

🎓 Para saber mais: Documentação do querySelector na MDN.

Continue praticando e explorando novas funcionalidades! 🚀