JSFiddle - React, Tailwind, and code Playground

by Ansel Santosa

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Sum Calculator</title>
</head>
<body>
    Number of Rows: <input type= text value=2 style="width:30px" maxlength=2 >&nbsp;&nbsp;<input type=button value='Change' onclick="" />
    <table cellspacing=0 cellpadding=4>
        <tr><td>Number 1:</td><td><input value=20 style="width:30px" type=text  maxlength=2/></td></tr>
        <tr><td>Number 2:</td><td><input value=25 style="width:30px" type=text  maxlength=2/></td></tr>
        <tr><td style="border-top:solid 1px black;border-bottom:solid 1px black;">Sum:</td><td style="border-top:solid 1px black;border-bottom:solid 1px black;"><div>45</div></td></tr>
    </table>
    <input type=button value='Recalculate Sum' onclick="" />
</body>
</html>