JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

Text1 : <input type="text"value="0" id="text1" value=""> <br/>
Text2 : <input type="text" value="0"id="text2" value=""> <br/>
Text3 : <input type="text"value="0"id="text3" value="0" onclick="getext3()"> <br/>


Text4 : <input type="text"value="0"id="text4" value=""> <br/>
Text5 : <input type="text" value="0"id="text5" value=""> <br/>
Text6 : <input type="text" id="text6" value="0" onclick="getext6()"> <br/>


Text7 : <input type="text"value="0"id="text7" value=""> <br/>
Text8 : <input type="text" value="0"id="text8" value=""> <br/>
Text9 : <input type="text" id="text9" value="0" onclick="getext9()"> <br/>

Text10 : <input type="text" id="text10" value="" onclick="getext10()"> <br/>
<script>
    function getext3(){
txt1 = document.getElementById("text1").value;
txt2 = document.getElementById("text2").value;
document.getElementById("text3").value = parseInt(txt1)*parseInt(txt2);

} 

function getext6(){
txt1 = document.getElementById("text4").value;
txt2 = document.getElementById("text5").value;
document.getElementById("text6").value = parseInt(txt1)*parseInt(txt2);

} 

function getext9(){
txt1 = document.getElementById("text7").value;
txt2 = document.getElementById("text8").value;
document.getElementById("text9").value = parseInt(txt1)*parseInt(txt2);

} 


function getext10(){


txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt3 = document.getElementById("text9").value;
txt4 = parseInt(txt1)+parseInt(txt2)+parseInt(txt3);
document.getElementById("text10").value = txt4; 

    } </script>