Entrar Ainda não tem acesso?
1
resposta

[Projeto] Desafio: hora da prática

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Interagindo com HTML e atividade Desafio: hora da prática

por Pedro Henrique Pinto da Silva
| 37.5k xp | 9 posts

Desafio concluído!

<!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="mostrarConsole()" class="button">Console</button>
        <button onclick="emitirAlert()" class="button">Alert</button>
        <button onclick="InserirPrompt()" class="button">Prompt</button>
        <button onclick="soma()" class="button">Soma</button>
    </main>

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

Arquivo app.js

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


function emitirAlert() {
    alert('Eu Amo JS!');
}


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

function InserirPrompt() {
    let cidade = prompt('insira o Nome de uma cidade:');
    alert(`Estive em ${cidade} e lembrei de você.`);
}

function soma() {
    let num1 = prompt('Insira o Primeiro Numero');
    let num2 = prompt('Insira o Segundo Numero:');
     
    alert(`O resultado da soma dos numeros inseridos -> ${num1 + num2}`);
}
1 resposta
por NATHALIA QUEIROZ
| 2343.7k xp | 5470 posts
Alura Scuba Team Suporte Educacional

Oii, Pedro! Como está?

Parabéns por colocar em prática o que vem aprendendo!

Se me permite, na função soma() não está realizando o calculo esperado dos números capturados, está apenas os juntando.

Quando usamos prompt(), ele retorna uma string e não um número. Então, quando tentamos somar num1 + num2, o JavaScript entende que precisa concatenar essas duas strings, em vez de somá-las.

Para realizar a soma, é preciso converter as strings em números antes de somá-la:

function soma() {
    let num1 = Number(prompt('Insira o Primeiro Numero')); 
    let num2 = Number(prompt('Insira o Segundo Numero'));
     
    alert(`O resultado da soma dos numeros inseridos -> ${num1 + num2}`);
}

No código acima, usei a função Numer() para converter as strings em números.

Fique à vontade para copiar o código acima e adaptar em seu projeto para realizar testes.

Espero ter ajudado. Qualquer dúvida, conte conosco!

Bons estudos, Pedro!