5
respostas

O que estou fazendo de errado?

Meu titulo não aparece Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

5 respostas

Assim como no console não aparece "o botão foi clicado" Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá, envia o html.

HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<header>
    <h1></h1>
</header> 

<main>

    <div>
        <button onclick="mensagemConsole()" class="texto01">Console</button>
        <button onclick="mensagemAlert()" class="texto2">Alert</button>
        <button onclick="mensagemprompt()" class="texto3">Prompt</button>
        <button onclick="funcaoSoma()" class="soma">Soma</button>
    </div>

</main>    
<script src="app1.js"></script>
</body>
</html>

JS

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Seu Titulo';

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

function mensagemAlert(){
    alert('O botão foi clicado');
}

function mensagemprompt(){
    let entradaMensagem = prompt('Seu texto aqui')
    alert(entradaMensagem)
}

function funcaoSoma(){
    alert('Soma entre dois números');
    let numero1 = parseInt(prompt('Insira o primeiro número'));
    let numero2 = parseInt(prompt('Insira o segundo número'));
    let resultado = numero1 + numero2;
    alert(`O resultado de ${numero1} + ${numero2} = ${resultado}`);
}

Oi Bruna vi que no seu JS tem uma ""funcion" no final do seu código tenta comentar ele com // salvar e executa novamente caso ainda não funcione fecha e acre uma nova aba usando o live server.

Espero ter ajudado, abraço!