1
resposta

Desafio Curso 2 Aula 1 - Interagindo com HTML

Olá, colegas!

Espero poder ajudar nos estudos com a resposta do desafio a seguir!

No arquivo HTML foram modificadas as seguintes linhas 14, 15, 16 e 17 da maneira descrita abaixo possibilitando a ativação das funções descritas na sequência:

// (caracteres "<" e ">" foram removidos do final da linha pra permitir a visualização do conteúdo escrito) "14 button onclick="verificarCliques()" class="button">Console</button" "15 button onclick="voceAma()" class="button">Alert</button" "16 button onclick="cidadeQuePassei()" class="button">Prompt</button" "17 button onclick="somaSimples()" class="button">Soma</button"

Exercícios do desafio:

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

  2. function verificarCliques() { console.log('O botão "CONSOLE" foi clicado'); }

  3. function voceAma() { alert ('Eu amo JS!'); }

  4. function cidadeQuePassei() { let cidade = prompt ('Informe a cidade!'); alert (Estive em ${cidade} e lembrei de você! ); }

  5. function somaSimples() { let numero1 = parseInt (prompt ('Informe o pimeiro número a ser somado!')) let numero2 = parseInt (prompt ('Informe o segundo número a ser somado!'))

resultado = numero1 + numero2 alert (A soma dos números informados é ${resultado}!) }

1 resposta

Oi, Jonathan! Como vai?

Você organizou bem a estrutura do HTML com os onclick, o que facilita bastante a execução das funções diretamente pelos botões. Também foi ótimo ver a prática com prompt, alert e console.log, mostrando domínio dos métodos básicos de interação com o usuário.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!