//Chamada das funções na tag <body>
<body>
<header>
<h1></h1>
</header>
<main class="container">
<button onclick="exibeMensagemConsole()" class="button">Console</button>
<button onclick="exibeMensagemAlerta()" class="button">Alert</button>
<button onclick="exibeMensagemPrompt()" class="button">Prompt</button>
<button onclick="exibeResultadoSoma()" class="button">Soma</button>
</main>
<script src="app.js"></script>
</body>
//<------------------------------------------------------------------->
// Desenvolvimento das funções JS
//Desafio2
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';
//Desafio3
function exibeMensagemConsole(){
console.log('O botão foi clicado');
}
//Desafio4
function exibeMensagemAlerta(){
alert('Eu amo JS');
}
//Desafio5
function exibeMensagemPrompt(){
let nomeCidadeBrasil = prompt('Informe o nome de uma cidade do Brasil');
alert(`Estive em ${nomeCidadeBrasil} e lembrei de você`);
}
//Desafio6
function exibeResultadoSoma(){
let valor1 = parseInt(prompt('Informe o primeiro valor da soma'));
let valor2 = parseInt(prompt('Informe o segundo valor da soma'));
let resultadoSoma = valor1 + valor2;
alert(`O valor da soma é ${resultadoSoma}`);
}