JSFiddle - React, Tailwind, and code Playground

by sunil puvvada

HTML

<div class="container">
        <div class="row">
            <div class="col-md-12">
                <h4>Calculate Monthly EMI</h4>
                <table class="table table-bordered">
                    <tr>
                        <td>Amount of the loan:</td>
                        <td>
                            <input id="amount" type="number" class="form-control">
                        </td>
                    </tr>
                    <tr>
                        <td>Annual interest :</td>
                        <td>
                            <input id="apr" type="number" class="form-control">
                        </td>
                    </tr>
                    <tr>
                        <td>Tenure in Months:</td>
                        <td>
                            <input id="years" type="number" class="form-control">
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <button id="calculateEMI" class="btn btn-warning">Calculate</button>
                        </td>
                    </tr>
                    <tr>

                        <td>Per Month EMI:</td>
                        <td><span class="output" id="payment"></span></td>
                    </tr>
                    <tr>
                        <td>Total payment:</td>
                        <td><span class="output" id="total"></span></td>
                    </tr>
                    <tr>
                        <td>Total interest:</td>
                        <td><span class="output" id="totalinterest"></span></td>
                    </tr>
                </table>
                <hr />
                <h4>Calculate Tenure</h4>
                <table class="table table-bordered">
                    <tr>
                        <td>Amount of the loan :</td>
                        <td>
                            <input...