0

Galera, gostaria de saber como posso estar efetuando um cáculo, no qual e pegaria um valor de tipo range e o valor de um option e imprimisse o resultado em tempo real, porém mesmo se nenhum option for selecionado e apenas o range for mudado o valor seja mostrado mesmo assim.

Um exemplo de código JS, porém não funcional. https://jsfiddle.net/hnropn0p/

Porém gostaria de fazer apenas com JavaScript, sem o uso de frameworks ou bibliotecas. Eu já conferi o código do exemplo acima, e foi usado JQuery, e os valores de cada produto são armazenaos em arrays e não nos inputs.

2
  • A tua pergunta está pouco clara e falta-lhe código. Podes melhorar a pergunta pf? (não uses links para sites externos)
    – Sergio
    Commented 26/04/2017 às 14:44
  • Opá! certamente, vou postar. Commented 26/04/2017 às 14:50

1 Resposta 1

0

Você pode fazer assim:

function generateResult()
{
  result.innerHTML = +select.value * +range.value;
};

generateResult();

document.querySelectorAll('.observe').forEach(function(element) {
  element.addEventListener('change', generateResult);
});
div {
  margin-bottom: 10px;
}
<div>
  Range
  <input type="range" value="2" class="observe" id="range">
</div>

<div>
  Multiplicado por
  <select id="select" class="observe">
    <option>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>

<div>
  Resultado
  <div id="result"></div>
</div>

Basta trocar o retorno da função generateResult pela operação que você quer usar.

0

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 .