index.html

<!DOCTYPE html>
<html>

<head>
    <title>KartKalc</title>
    <meta charset="utf-8" lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <!-- <script src="js/kalc.js"></script> -->
    <script src="js/index.js"></script>

</head>

<body>
    <h1>Welcome to KartKalc!</h1>
    <h2>I made this tool so it would be possible to kalculate what places your team would need in order to take the lead
        in a race.</h2>
    <h3>Click or tap on the "Check for places" text in order to see what places your team needs to take the lead.</h3>
    
    <form>
        <p id="yourPointsText"><input type="number" id="yourPoints"> Your Team Points</p>
    </form>
    <form>
        <p id="thierPointsText"><input type="number" id="theirPoints"> Their Team Points</p>
    </form>

    <p onclick="main()" id="check">Check for places</p>

    <p id="places">The possible places are: </p>
</body>
<footer>
    <h4>Credits:</h4>
    <h5>Creator: <a href="https://github.com/MADMAN-Modding" target="_blank">MADMAN-Modding</a></h5>
    <h5><a href="https://github.com/MADMAN-Modding/MarioKart-Calculator" target="_blank">Github Repo</a></h5>
</footer>
</html>