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.