JS input type= "text" value multiply by constant value (price)

Question

JS input type= "text" value multiply by constant value (price)

How to multiply the value from input value= "text" by a constant value from div. constanta

For example:

<input type="text" class="sizeinput" min="1" value="1">

<div class="constanta">2500</div>

<div class="rezultVal">

If we change the value in input to 5, the result changes to multiplication: 12500

How do I do this? Thank you

0

html javascript jquery

Author: Tilea Website, 2020-11-06

Source

1 answers

score 0 · Accepted Answer

JQuery

const result = $('.rezultVal');
const constanta = parseFloat($('.constanta').html());
$('.sizeinput').input(e => {
    result.html(constanta * parseFloat(e.target.value));
});

Or in pure JavaScript

const result = document.querySelector('.rezultVal');
const constanta = parseFloat(document.querySelector('.constanta').innerHTML);
document.querySelector('.sizeinput').addEventListener('input', e => {
    result.innerHTML = constanta * parseFloat(e.target.value);
});