1
resposta

[DESAFIO] Módulo 2 - Prática 1

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.

Em JS:

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

Em HTML:

 <button onclick="consoleClick()" class="button">Console</button>

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

Em JS:

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

Em HTML:

<button onclick="euAmoJS()" class="button">Alert</button>

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ê.

Em JS:

function cidadeBrasil() {
    let cidade = prompt('Digite uma cidade que já visitou');
    alert(`Estive em ${cidade} e lembrei de você`);
}

Em HTML:

<button onclick="cidadeBrasil()" class="button">Prompt</button>

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

Em JS:

function soma2Numeros() {
    let n1 = parseInt(prompt('Digite um número inteiro para fazer a soma'));
    let n2 = parseInt(prompt('Digite mais um número inteiro para fazer a soma'));
    let soma = n1 + n2;
    alert(`A soma de ${n1} + ${n2} é ${soma}`);
}

Em HTML:

<button onclick="soma2Numeros()" class="button">Soma</button>

O código completo é esse:

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

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

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

function cidadeBrasil() {
    let cidade = prompt('Digite uma cidade que já visitou');
    alert(`Estive em ${cidade} e lembrei de você`);
}

function soma2Numeros() {
    let n1 = parseInt(prompt('Digite um número inteiro para fazer a soma'));
    let n2 = parseInt(prompt('Digite mais um número inteiro para fazer a soma'));
    let soma = n1 + n2;
    alert(`A soma de ${n1} + ${n2} é ${soma}`);
}
1 resposta

Muito baana sua abordagem em Texto marcado e JS.
Usei apenas JS para codificar mas pra efeito de dida´tica é muito boa a sua abordagem.