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

Como resolvo o problema "[object HTMLInputElement]" no meu codigo...

Olá, estou quase finalizando o primeiro curso de Lógica de Programação e quis unir algumas atividades, porém, há um erro que não consigo resolver neste código que exibe sempre "[object HTMLInputElement]".

<meta charset="UTF-8">
<input/>
<button>Ok!</button>
<script>


      function jumpLine() {
          document.write("<br><hr><br>")
      }
      function show(quote) {
          document.write("<big>" + quote + "</big>");
          jumpLine();
      }
      function multiplica() {
        for (var multiplier = 1; multiplier <= 10; multiplier++) {
          show(denom + " x " + multiplier + " = "+ denom * multiplier);
        }

      }

      var denom = document.querySelector("input");
      var button = document.querySelector("button");
      button.onclick = multiplica;




</script>
1 resposta
solução!

Olá Davi, denom é um elemento de input, então para pegar o valor dele vc precisa fazer denom.value.

E para realizar a multiplicação é necessário converter o valor da input para numérico. Por exemplo: converter para int com o método parseInt(). Neste caso o for ficaria mais ou menos assim:

for (var multiplier = 1; multiplier <= 10; multiplier++) {
    show(denom.value + " x " + multiplier + " = "+ parseInt(denom.value) * multiplier);
}

Espero que ajude.

Att.