1
resposta

[Projeto] Desafio 1 (Curso 2)

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

function verificarChute() {
    console.log('O botão foi pressionado')
}
function amor() {
    alert('Eu amo Js');
}
function cidade() {
    let Natal = prompt('Qual cidade você mais gosta do Brasil:');
    alert(`Estive em ${Natal} e lembrei de você`);
}
function soma() {
    let numero1 = parseInt(prompt('Qual o numero1'));
    let numero2 = parseInt(prompt('Qual o numero2'));
    let resolução = numero1 + numero2;
    alert(`${numero1} + ${numero2} = ${resolução}`) ;
}

<header>
    <h1></h1>
</header>
<main class="container">
    <button onclick="verificarChute()" class="button">Console</button>
    <button onclick="amor()" class="button">Alert</button>
    <button onclick="cidade()" class="button">Prompt</button>
    <button onclick="soma()" class="button">Soma</button>
</main>

O primeiro código refere-se ao APP.JS. O segundo sobre o Index.html.
Alguém poderia me ensinar se tem alguma forma de organizar dos arquivos o .HTML e o JS aqui no editor?
Agradeço desde já ;)))

1 resposta

Oi, Gabriel! Como vai?

Com base no que você explicou, chamou atenção a forma clara como você separou cada ação em funções, usando alert, prompt e console.log, o que mostra um bom entendimento do fluxo básico entre HTML e JavaScript.

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