1

Olá, em uma apostila que estou lendo tem um trecho para atualizar o valor do output com base em um input type="range". Tem os códigos e tudo, mas apesar de estar igual(ou pelo menos parece), não consigo ver o por que de não funcionar então se possível alguém poderia me dar uma luz?

Segue o código do fildset onde o input e o output estão;

<fieldset class="tamanhos">
    <legend>Escolha o Tamanho:</legend>
    <input type="range" min="36" max="46" step="2" name="tamanho" id="tamanho">
    <output for="tamanho" name="valortamanho" id="valortamanho">42 </output>
</fieldset>

Código do javascript;

 var inputTamanho = document.querySelector('[name=tamanho]')
 var outputTamanho = document.querySelector('[name=valortamanho]')
 /*pg 199*/
function mostraTamanho(){
    outputTamanho.value = inputTamanho.value
}

inputTamanho.oninput = mostraTamanho

1 Resposta 1

0

Tente usar o oninput diretamente na função deste modo:

window.onload = function() {
  var inputTamanho = document.querySelector('[name=tamanho]');
  var outputTamanho = document.querySelector('[name=valortamanho]');
  inputTamanho.oninput = function() {
    outputTamanho.value = inputTamanho.value;
    console.log(inputTamanho.value);
  }
}
<fieldset class="tamanhos">
  <legend>Escolha o Tamanho:</legend>
  <input type="range" min="36" max="46" step="2" name="tamanho" id="tamanho">
  <output for="tamanho" name="valortamanho" id="valortamanho">42 </output>
</fieldset>

1
  • Muito obrigado, esta atualizando normalmente nesse modo. Commented 11/05/2019 às 23:07

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .