JSFiddle - React, Tailwind, and code Playground

by Ramya Ranganathan

HTML

<form name="frm">
<table style="border:solid green 1px">
<tr><td>Enter the degree</td>
<td><input type=text name="txt" size=12"></td>
<td><select name="myoption">
<option name="Faren" value="Fahrenheit">F</option>
<option name="Cels" value="Celsius">C</option>
</select></td>
<td><input type="button" value="Calculate" onclick="apply()"></td></tr>
<tr><td>Equal Value</td>
<td><input type=text name="txt1" size="12" READONLY></td><td></td>
<td align=right>&copy<a href="https://www.hscripts.com" style="color:#3D366F;text-decoration:none;cursor:pointer;font-size:13px">hscripts.com</a></td></tr>
</table>
</form>

JavaScript

function apply()
{
var a=frm.myoption.value;
if(a=="Fahrenheit")
{
var val=frm.txt.value;
var tf=parseInt(val);
var tc=(5/9)*(tf-32);
var res=Math.round(tc*Math.pow(10,2))/Math.pow(10,2);
frm.txt1.value=res+" C";
}
else
{
var val=frm.txt.value;
var tc=parseInt(val);
var tf=((9/5)*tc)+32;
var res1=Math.round(tf*Math.pow(10,2))/Math.pow(10,2);
frm.txt1.value=res1+" F";
} 
}