Calculators/PrimeFactors_Calculator/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Latest compiled and minified CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="./style.css" rel="stylesheet">

    <!-- Title -->
    <title>PrimeFactor Calculator</title>
</head>
<body>
    <div class="container pt-5">

                <p class="h1 red">Prime Factor Calculator</p>
                <div class="input-group pb-5">
                <input type="number" id="input" min="1" max="10000000" placeholder="Enter a number" class="form-control"/>
                <button class="btn btn-outline-danger" id="b" onclick="num()">Find out Factor</button>
                <button class="btn btn-outline-dark" onclick="reset()">Reset</button>
                </div>

            <table class="table table-responsive table-bordered border border-danger border-2" id="edit">
                <thead>
                    <th class="red h4 bolder">Computation</th>
                    <th class="red h4 bolder">Result</th>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>PrimeFactors</strong></td>
                        <td>.....</td>
                    </tr>
                    <tr>
                        <td><strong>Factorisation</strong></td>
                        <td>.....</td>
                    </tr>
                    <tr>
                        <td><strong>Factorisation in exponent form</strong></td>
                        <td>.....</td>
                    </tr>
                </tbody>
            </table>
                

            </div>
        </div>

    </div>
</body>
<script src="./script.js"></script>
</html>