Jump to content

Gabrieszin

Membros
  • Contagem de Conteúdo

    1
  • Ingressou

  • Última visita

Clientes & Parceiros

  • Você é um cliente TecnoSpeed?
    Não
  • Você é um parceiro da Casa do Desenvolvedor?
    Não

Conquistas de Gabrieszin

0

Reputação na Comunidade

  1. Oi Samuel Criei uma função que faz o que você pediu. Basicamente ela funciona da seguinte forma: toda a vez que a função somar() é chamada, ao final dela a função que eu criei, verificarAlteracaoInput(), é chamada e os dois elementos de inputs (que o usuário preenche com os números) são passados como parâmetro. Uma vez chamada, a função verificarAlteracaoInput() aciona dois eventos de escuta, um para o input com ID txtn1 e outro para o input com ID txtn2. Saiba mais sobre eventos de escuta aqui. Quando um desses inputs sofrem alguma alteração, todo o conteúdo dentro da div com ID resposta é limpo. O código a seguir é como ficou o bloco <script></script>. Daria pra reduzir, mas acredito que eu iria te confundir. Espero ter ajudado, bons estudos! <script> function somar(){ var tn1 = document.getElementById("txtn1") var tn2 = document.getElementById("txtn2") var n1 = Number(tn1.value) var n2 = Number(tn2.value) var resultado = document.getElementById("resposta") var soma = n1 + n2 var soma =(String(soma)).replace(".", ",") resultado.innerHTML = `A soma dos números é: <strong>${soma}</strong>` //A função verificarAlteracaoInput é chamada e como parâmetro os dois elementos de inputs são passados verificarAlteracaoInput(tn1, tn2); } // Função acionada pela função somar() function verificarAlteracaoInput(input1, input2){ var resultado = document.getElementById("resposta"); // Função de escuta para o evento do tipo input no elemento com id txtn1 input1.addEventListener('input', () => { //Limpa todo o contéudo HTML de resultado resultado.innerHTML = ''; }) // Função de escuta para o evento do tipo input no elemento com id txtn2 input2.addEventListener('input', () => { resultado.innerHTML = ''; }) } </script>
×
×
  • Create New...