Skip to main content
2 de 4
adicionou 137 caracteres ao conteúdo
Largato
  • 92,9mil
  • 18
  • 190
  • 261

Como o @renan já postou uma solução com jQuery (e ja levou meu +1), vou deixar aqui uma alternativa com JS puro:

<input type="range" name="vol" value="0" min="0" max="100"
    oninput="display.value=value" onchange="display.value=value">
<input type="text" id="display" value="0" readonly>

  • A propriedade oninput chama uma função JS, e costuma ser "realtime", mas é menos compatível do que usar onchange.
  • onchange funciona em mais browsers, mas não é em todos que atualiza em realtime, por isso usamos as duas simultaneamente.
Largato
  • 92,9mil
  • 18
  • 190
  • 261