JSFiddle - React, Tailwind, and code Playground

by zaza zviaduari

HTML

<input style="width:30px;" type="text" name="input2" id="input2" onkeyup="calc()" value="1"> 

<div id="rub">3</div>
<div id="usd">4</div>
<div id="eur">5</div>

JavaScript

function calc() {
    var textValue1 = document.getElementById('rub').innerHTML;
    var textValue2 = document.getElementById('input2').value;
    document.getElementById('rub').innerHTML = textValue1 * textValue2;
    
        var textValue3 = document.getElementById('usd').innerHTML;
    var textValue4 = document.getElementById('input2').value;
    document.getElementById('usd').innerHTML = textValue3 * textValue4;
    
        var textValue5 = document.getElementById('eur').innerHTML;
    var textValue6 = document.getElementById('input2').value;
    document.getElementById('eur').innerHTML = textValue5 * textValue6;
}