Entrar Ainda não tem acesso?
1
resposta

[Projeto] Desafio Completo

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 Henrique Dos Santos Rodrigues
| 17.1k xp | 1 posts

JavaScript

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

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

function Alerta(){
    console.log('Eu amo JS')
}

function cidade(){
    let cidade = prompt('Fale uma cidade do Brasil.')
    alert(`Estive em ${cidade} e lembrei de você`)
}

function somar(){
    let valor1 = parseInt(prompt('digite seu Primeiro valor'))
    let valor2 = parseInt(prompt('digite o seu Segundo valor'))
    let Calculo = (valor1 + valor2)
    alert(`Somando os numero deu ` + Calculo)
}

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=" Console()" class="button">Console</button>
        <button onclick="Alerta()" class="button">Alert</button>
        <button onclick="cidade()" class="button">Prompt</button>
        <button onclick="somar()" class="button">Soma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>
1 resposta
por Rafaela Petelin Silvério
| 946.2k xp | 2102 posts
Alura Scuba Team

Oi, Henrique! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Você organizou bem suas funções e conectou corretamente os botões ao JavaScript. A interação com prompt, alert e console.log mostra que você está dominando os primeiros passos da lógica com HTML e JS.

Uma dica interessante para o futuro é usar textContent no lugar de innerHTML quando quiser apenas alterar o texto de um elemento sem inserir tags HTML. Veja este exemplo:


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

Esse código troca o conteúdo de texto do <h1> sem permitir a execução de HTML.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!