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á ;)))