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" maxlength="2"><input type="button" value="Change" />
    <table>
        <tr>
            <td>Number 1:</td>
            <td><input type="text"/></td>
        </tr>
        <tr>
            <td>Number 2:</td>
            <td><input type="text" /></td>
        </tr>
        <tr>
            <td>Sum:</td>
            <td id="sum"></td>
        </tr>
    </table>
    <input type="button" value="Recalculate Sum" />
</body>
</html>

CSS

tr:last-child td {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}