Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Desafio: hora da prática 1

Olá a todos,

Finalizei o primeiro desafio do modulo Interagindo com HTML.

  • Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio';
  • Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.

index.html:

<button onclick="mensagemNoConsole()" class="button">Console</button>

app.js:

function mensagemNoConsole() {
    console.log ('O Botão foi clicado')
}
  • Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.

index.html:

<button onclick="alertaEuAmoJs()" class="button">Alert</button>

app.js

function alertaEuAmoJs() {
    console.log ('Eu Amo JS')
}
  • Crie uma função que é executada quando o botão prompt é clicado, perguntando o nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem concatenando a resposta com o texto: Estive em {cidade} e lembrei de você.

index.html

<button onclick="cidadeDoBrasil()" class="button">Prompt</button>

app.js

function cidadeDoBrasil() {
    let nomeDaCidade = prompt('Digite uma cidade do Brasil')
    alert(`Estive em ${nomeDaCidade} e lembrei de você`)
}
  • Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.

index.html

<button onclick="resultadoDaSoma()" class="button">Soma</button>

app.js

function resultadoDaSoma() {
    let numero1 = parseInt (prompt('Digite um número inteiro'))
    let numero2 = parseInt (prompt('Digite outro numero inteiro'))
    let resultado = numero1 + numero2;
    alert(`O resultado da soma é ${resultado}!`)
}

Gostaria de um feedback de quem tem mais experiência se meus códigos estão corretos.

1 resposta
solução!

Olá, Amanda, como vai?

Seu código está muito bem estruturado e atende aos desafios da atividade. A lógica das funções está correta, e os eventos estão sendo tratados de forma apropriada. Apenas um detalhe: na função alertaEuAmoJs(), em vez de console.log('Eu Amo JS'), o ideal seria alert('Eu Amo JS'), já que a intenção é exibir um alerta.

No mais, excelente trabalho! Continue praticando e compartilhando seus desafios.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)