JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.bilisimogretmeni.com</title>
<script type="text/javascript" language="javascript">
function hesapla()
{
var tdogru=document.ygshesapla.tdogru.value;
var tyanlis=document.ygshesapla.tyanlis.value;
var tnet=tdogru-(tyanlis/4);
document.ygssonuc.tnet.value=tnet;
//www.bilisimogretmeni.com
var mdogru=document.ygshesapla.mdogru.value;
var myanlis=document.ygshesapla.myanlis.value;
var mnet=mdogru-(myanlis/4);
document.ygssonuc.mnet.value=mnet;
//www.bilisimogretmeni.com
var sdogru=document.ygshesapla.sdogru.value;
var syanlis=document.ygshesapla.syanlis.value;
var snet=sdogru-(syanlis/4);
document.ygssonuc.snet.value=snet;
//www.bilisimogretmeni.com
var fdogru=document.ygshesapla.fdogru.value;
var fyanlis=document.ygshesapla.fyanlis.value;
var fnet=fdogru-(fyanlis/4);
document.ygssonuc.fnet.value=fnet;
//www.bilisimogretmeni.com
ygs1=98.507+(tnet*1.905)+(snet*1.081)+(mnet*3.772)+(fnet*3.279);
document.ygssonuc.ygs1.value=ygs1;
ygs2=98.529+(tnet*1.877)+(snet*1.065)+(mnet*2.787)+(fnet*4.308);
document.ygssonuc.ygs2.value=ygs2;
ygs3=96.454+(tnet*3.831)+(snet*3.261)+(mnet*1.897)+(fnet*1.099);
document.ygssonuc.ygs3.value=ygs3;
ygs4=96.435+(tnet*2.837)+(snet*4.293)+(mnet*1.873)+(fnet*1.086);
document.ygssonuc.ygs4.value=ygs4;//www.bilisimogretmeni.com
ygs5=97.101+(tnet*3.597)+(snet*2.201)+(mnet*3.161)+(fnet*1.113);
document.ygssonuc.ygs5.value=ygs5;
ygs6=97.859+(tnet*3.184)+(snet*1.098)+(mnet*3.552)+(fnet*2.220);
document.ygssonuc.ygs6.value=ygs6;
}
</script>
</head>
<body>
<form name="ygshesapla">
<table>
<tr>
<td></td>
<td>D</td>
<td>/</td>
<td>Y</td>
</tr>
<tr>
<td>YGS Türkçe</td>
<td><input type="text" name="tdogru" /></td>
<td>/</td>
<td><input type="text" name="tyanlis" /></td>
</tr>
<tr>
<td>YGS Sosyal...