1
resposta

meu codigo do desafio 01 - aula 2

// 2 - Alterar conteúdo do h1
document.querySelector('h1').textContent = 'Hora do Desafio';

// 3 - Função que exibe no console
function mostrarConsole() {
    console.log('O botão foi clicado');
}

// 4 - Função que exibe alerta
function mostrarAlerta() {
    alert('Eu amo JS');
}

// 5 - Função com prompt e concatenação
function perguntarCidade() {
    const cidade = prompt('Digite o nome de uma cidade do Brasil:');
    alert(`Estive em ${cidade} e lembrei de você.`);
}

// 6 - Função de soma
function somarNumeros() {
    const num1 = parseInt(prompt('Digite o primeiro número inteiro:'));
    const num2 = parseInt(prompt('Digite o segundo número inteiro:'));
    const soma = num1 + num2;
    alert(`O resultado da soma é: ${soma}`);
}

// Aqui você associa as funções aos botões (ids devem existir no HTML)
document.getElementById('btnConsole').addEventListener('click', mostrarConsole);
document.getElementById('btnAlerta').addEventListener('click', mostrarAlerta);
document.getElementById('btnPrompt').addEventListener('click', perguntarCidade);
document.getElementById('btnSoma').addEventListener('click', somarNumeros);
1 resposta

Oi, Jady!

Seu código tá muito bem estruturado e organizado, dá pra ver que você já tá aplicando boas práticas como separar cada funcionalidade em funções específicas e usar nomes claros para elas. Isso facilita a leitura e manutenção.

Alguns pontos positivos que vale destacar:

  • Usar document.querySelector e document.getElementById de forma correta para manipular o DOM.
  • Criar funções pequenas e diretas, cada uma com uma responsabilidade.
  • Utilizar template strings (`...`) no alert e console.log, que deixam o código mais limpo que a concatenação tradicional.

Você está no caminho certo, já está aplicando manipulação de eventos, funções e interação com o usuário de forma clara.

Continue firme nos estudos.

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