1
resposta

[Projeto] desafio

desafio 01: let titulo = document.querySelector('h1'); titulo.innerHTML = 'Hora do Desafio'; desafio 02: button oneclick='O botão foi clicado' class='button' desafio03: button oneclick='O botão foi clicado' function exibiralerta(){ alert ('eu amo js')} desafio 04: function = soma de dois numeros let insiraOPrimeiroNumero( 'Digite o primeiro número') let insiraOSegundoNumero( 'Digite o segundo número') let resultado=(${insiraOPrimeiroNumero }+${ insiraOSegundoNumero }=${resultado} );}

1 resposta

Olá, João! Tudo bem?

Parabéns por compartilhar sua solução para os desafios, porém existem alguns pontos de melhoria. Vou te ajudar a corrigir e melhorar o código para que ele funcione corretamente.

Desafio 02 Você precisa criar um botão que, ao ser clicado, exiba a mensagem no console. Aqui está um exemplo de como fazer isso:

<button onclick="console.log('O botão foi clicado')" class="button">Clique aqui</button>

Desafio 03 Aqui, você deve criar uma função que exiba um alerta ao clicar no botão. Vou te mostrar como fazer:

<button onclick="exibirAlerta()" class="button">Clique aqui</button>

<script>
function exibirAlerta() {
    alert('Eu amo JS');
}
</script>

Desafio 04 Para somar dois números, você pode fazer da seguinte forma:

<button onclick="somaNumeros()" class="button">Clique aqui para somar</button>

<script>
function somaNumeros() {
    let primeiroNumero = parseInt(prompt('Digite o primeiro número'));
    let segundoNumero = parseInt(prompt('Digite o segundo número'));
    let resultado = primeiroNumero + segundoNumero;
    alert(`${primeiroNumero} + ${segundoNumero} = ${resultado}`);
}
</script>

Certifique-se de que cada trecho de código HTML e JavaScript esteja no lugar correto no seu arquivo. Você pode colocar os <script> dentro do <head> ou no final do <body>.

A título de informação, quando precisar compartilhar códigos aqui no fórum é interessante dar uma boa visibilidade para ele. Para isso, você pode seguir os passos que compartilho a seguir. Sem a formatação correta, o código acaba ficando escondido e de difícil visualização.

  1. Selecione o trecho com o código no seu post;

  2. Aqui no fórum, procure o ícone </>. É a sétima opção na aba superior do nosso editor de texto;

  3. Clique no ícone comentado acima, certificando-se que está com todo o trecho de código selecionado.

Para confirmar se está tudo certo, você pode pré-visualizar seu post clicando no penúltimo ícone da esquerda para a direita, ou também usando o atalho F9.

No mais, se precisar de ajuda ou tiver alguma dúvida relacionada aos seus estudos, o fórum é o melhor lugar para te ajudar.

Espero ter ajudado e bons estudos!