index.html

<!DOCTYPE html>
<html lang = "en" dir = "ltr">
    <meta charset = "utf-8">
    <title> Rock Paper Scissors Game</title>
    <link rel ="stylesheet" href ="style.css">
</head>
<body style="background-color:#b7dadd">

    <h1 id="game-title"><u> The Rock Paper Scissors Game </u></h1>

    <p><i>The clasic rock paper scissors game coded in JS and html.</i></p>
    <p><i>3.20.24 update now includes css!</i></p>

    <h2>Computer Choice: <span id = "computer-choice"></span></h2>  <!-- gives the title of the header and the id to edit it -->
    <h2>User Choice: <span id = "user-choice"></span></h2>          
    <h2>Result: <span id = "result"></span></h2>

    <button id = "rock">rock</button>                               <!-- creates a button for the user with the name or id of rock paper and scissors -->
    <button id = "paper">paper</button>
    <button id = "scissors">scissors</button>

    <script src = "app.js" charset = "utf-8"></script>
</body>
</html>