update-leaderboard.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">
    <link rel="stylesheet" href="update-leaderboard main.css">

    <title>Leader Board - The Board Bunch</title>
</head>
<body>
    <div id="containerDiv">
        <header>
            <img src="/images/logo.jpg" alt="">
            <h1>Leader Board</h1>
        </header>
        <div id="title">
            <div class="titleName"><h2>Name</h2></div>
            <div class="titleScore"><h2>Score</h2></div>
        </div>
        <div id="enterNameAndScore">
            <div id="enterName"><input type="text" placeholder="Enter"></div>
            <div id="enterScore"><input type="number" value="0"></div>
            <button onclick="enterNameAndScore()">✔️</button>
        </div>
        <div class="nameAndScore">
            <div class="name"><h3></h3></div>
            <div class="score"><h3></h3></div>
        </div>
        <div id="namesAndScoresContainer">
        </div>
        <button id="clearLeaderboardButton" onclick="clearLeaderboard()">Clear Leaderboard</button>
    </div>
</body>
</html>
<script type="module" src="Firebase.js"></script>
<script defer src="update-leaderboard Script.js"></script>  