1
resposta

Desafio : Hora prática

Estou gostando bastante dessas práticas, auxilia e muito no aprendizado.


//Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.

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

//Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.

function botaoClick() {
console.log('O botão foi clicado!');
}

//Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.

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

//Crie uma função que é executada quando o botão prompt é clicado, 
// perguntando o nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem concatenando a resposta com o texto:
//  Estive em {cidade} e lembrei de você.

function sobreCidade(){
    let nomeCidade = prompt('Qual o nome de uma cidade do Brasil?')
alert (`Estive em ${nomeCidade} e lembrei de você!`);
}

    
//Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.


function somarNumeros(){
let numero1 = parseInt(prompt('Informe um número'));
let numero2 = parseInt(prompt('Informe um número')); 
let soma = numero1 + numero2
    alert(`A soma dos números é igual a ${soma}.`)
}

<button onclick="botaoClick()" class="button">Soma</button>
<button onclick="amoJs()" class="button">Soma</button>
<button onclick="sobreCidade()" class="button">Soma</button>
<button onclick="somarNumeros()" class="button">Soma</button>
1 resposta

Oi, Debora! Tudo bem?

Que bom saber que você está gostando das práticas! Elas são realmente ótimas para fixar o aprendizado, parabéns pelo desempenho!

Deixo como sugestão apenas um pequeno detalhe nos botões que precisa ser ajustado: todos os botões têm o mesmo texto, por isso é importante ajustarmos o texto para o evento onclick associado a cada um deles, como no exemplo abaixo:

<button onclick="botaoClick()" class="button">Console</button>
<button onclick="amoJs()" class="button">Alerta</button>
<button onclick="sobreCidade()" class="button">Prompt</button>
<button onclick="somarNumeros()" class="button">Soma</button>

Espero ter ajudado!

Um forte abraço e bons estudos!