JSFiddle - React, Tailwind, and code Playground

by vasi_32

HTML

<input type="text" class="form-control" placeholder="cost " id="cost" name="credit">

<input type="text" class="form-control" placeholder="quantity" id="quantity" name="limit">

<p id = "updateValue"></p>

JavaScript

var _cost = document.getElementById("cost");

_cost.addEventListener('keyup',function(event){
updateCost()
})

var _quantity = document.getElementById("quantity");

_quantity.addEventListener('keyup',function(event){
updateCost()
})




function updateCost(){
var _getCost = document.getElementById("cost").value;
var _getQuantity = document.getElementById("quantity").value;
var _total = _getCost*_getQuantity;
console.log(_total);
document.getElementById("updateValue").textContent = ""; // Erase previous value
document.getElementById("updateValue").textContent = _total // update with new value
}