Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Desafio logica e programação

Olá segue a resolução do desafio,

const titulo = document.querySelector('h1')

titulo.innerHTML = 'Hora do Desafio'

function btnClicado(){
    console.log('O botão foi clicado')
}

function btnAlerta(){
    alert('Eu amo JS');
}

function btnPrompt(){
    let nomeCidade = prompt('Digite o nome de uma cidade do Brasil que você gosta muito:')
    alert(`Estive em ${nomeCidade} e lembrei de você`);
}

function btnSoma(){
    let primeiroNumero = parseInt(prompt('Digite o primeiro numero:'))
    let segundoNumero = parseInt(prompt('Digite o segundo numero:'))
    let soma = primeiroNumero + segundoNumero;
    alert(`${primeiroNumero} + ${segundoNumero} = ${soma}`);
}
1 resposta

Oi, Stephanie! Tudo bem?

Que legal ver sua resolução do desafio de lógica de programação com funções e listas, trazendo a interação com o HTML resolvida de forma bem organizada. Cada função tem uma responsabilidade clara, o uso do querySelector para alterar o título está correto e os template literals com crase deixaram as mensagens bem mais legíveis do que a concatenação com sinal de mais.

Um ajuste que vale adotar como hábito: prefira const para valores que não mudam depois de atribuídos, deixando o let apenas para o que realmente é reatribuído, porque isso comunica sua intenção a quem lê o código.

Fico curiosa com o próximo passo: você já experimentou conectar essas funções aos botões pelo addEventListener no JavaScript?

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