1
resposta

Resultado Desafio 1 - Curso 2

Oi Pessoal, boa tarde,

Segue o código do desafio 1 do curso 2:

INDEX_HTML:

<!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="verificaConsole()" class="button">Console</button>
      <button onclick="verificaAlerta()" class="button">Alert</button>
      <button onclick="promptCidade()" class="button">Prompt</button>
      <button onclick="soma()" class="button">Soma</button>
    </main>

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

APP.JS

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

// let paragrafo = document.querySelector('p');
// paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

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

function verificaAlerta() {
    console.log('Eu amo JavasScript!');
}

function verificaPrompt() {
    console.log('Eu amo JavasScript!');
}

function promptCidade() {
    let nomeDaCidade = prompt('Digite o nome de uma cidade do Brasil que você gosta muito:')
    alert(`Estive em ${nomeDaCidade} e lembrei de você`)
}

function soma() {
    let numero1  = parseInt(prompt('Digite o primeiro número'));
    let numero2 = parseInt(prompt('Digite o segundo número'));
    let resultado = numero1 + numero2;
    alert(`${numero1} + ${numero2} = ${resultado}`)
}
1 resposta

Muito bacana! Bons estudos!