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

[Dúvida] Estou realizando o desafio prático de JavaScript e gostaria de compartilhar minhas soluções e tirar algumas dúvidas:

Estou realizando o desafio prático de JavaScript e gostaria de compartilhar minhas soluções e tirar algumas dúvidas:
Minhas implementações:

  1. Para alterar o h1:
document.querySelector('h1').textContent = 'Hora do Desafio';
  1. Função do botão Console:
function cliqueConsole() {
    console.log('O botão foi clicado');
}

Dúvidas:
· Alguém teve problemas com a seleção dos elementos?
· Como vocês estão vinculando as funções aos botões? Usando addEventListener ou onclick no HTML?
· No botão de soma, como estão garantindo que os números são inteiros?

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Ola amigo.
Vou passar algumas sugestoes para analisar.
Segue ai:

  • Armazenar a referência do elemento em uma variável melhora a legibilidade, a reutilização e a performance .
  • Exemplo:
let titulo = document.querySelector('h1');
titulo.textContent = 'Hora do Desafio';
  • Para que sua funçao funcione precisa pegar o elemento button no html.
  • Salvar em uma variavel.
  • E adicionar um evento de escuta para capturar o click do botao.
    Exemplo:
const button = document.querySelector('button');
function cliqueConsole() {
    console.log('O botão foi clicado');
}
button.addEventListener("click" , clique.console );

No caso do botao de soma para garantir que os numeros sejam inteiros utilizamos validaçoes.
Tem muitas possibilidades.
Um exemplo :

let valor = document.querySelector('input').value;
let numero = parseInt(valor);

if (isNaN(numero)) {
  console.log('Valor inválido: não é um número inteiro');
} else {
  console.log('Número inteiro digitado:', numero);
}

O input sempre retorna uma string ou null e parseInt garante que o value seja um numero inteiro ou retorna um erro.
Confere ai, faz os testes e retorna um feedback.
Voce pode utilizar a plataforma do codepen para esses exercicios.
Comente ai.