1
resposta

Desafio

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

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

function cliqueAlert() {
    console.log('Estou começando a gostar de JS!');
}

function cliquePrompt() {
    let cidade = prompt('Qual cidade você mais gosta no Brasil?');
    console.log(`Gosto muito de ${cidade}`);
}

function cliqueSoma() {
    let numero1 = prompt('Digite o primeiro valor: ');
    let numero2 = prompt('Digite o segundo valor: ');
    let resultado = parseInt(numero1) + parseInt(numero2);

    alert(`a soma dos números equivale a: ${resultado}`);
}


__________________________________________

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="cliqueConsole()" class="button">Console</button>
        <button onclick="cliqueAlert()" class="button">Alert</button>
        <button onclick="cliquePrompt()" class="button">Prompt</button>
        <button onclick="cliqueSoma()" class="button">Soma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>
1 resposta

Oii, Saulo!

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você utilizou as funções no JavaScript para interagir com os botões no HTML, além de explorar métodos como prompt, console.log e alert. Essa abordagem é ótima para fixar o aprendizado e criar funcionalidades dinâmicas.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos