JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

<html>
<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(){
     if(document.getElementById("text6").value==null){
    getext6();
    getext9();
    }

    if(document.getElementById("text4").value ==undefined)
   txt1 = document.getElementById("text4").value;
txt2 = document.getElementById("text5").value;
document.getElementById("text6").value = parseInt(txt1)*parseInt(txt2);
    txt1 = document.getElementById("text7").value;
txt2 = document.getElementById("text8").value;
document.getElementById("text9").value = parseInt(txt1)*parseInt(txt2);
    
if(document.getElementById("text3").value != null && document.getElementById("text6").value == null && document.getElementById("text9").value == null) 
{
txt1 = document.getElementById("text3").value;
document.getElementById("text10").value = txt1; 
}
else if (document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value == null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt4 = parseInt(txt1)+parseInt(txt2);
document.getElementById("text10").value = txt4; 
}
else(document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value != null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt3 =...