1
resposta

[Projeto] Desafio 1 - Interagindo com HTML

//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}`);
}	
1 resposta

Parabéns pelo desenvolvimento do seu código! Você construiu um conjunto de funções JavaScript e a integração com elementos HTML de forma clara e funcional. É notável ver o uso adequado de prompts, alerts e manipulação do DOM para interagir com o usuário. Continue assim, explorando e aprimorando suas habilidades de programação! Se tiver mais projetos ou dúvidas, estou aqui para ajudar. Excelente trabalho!