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">
    <title>Blackjack Game with JavaScript</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <h1>Blackjack</h1>
    <p id="message-el">Want to play a round?</p>
    <!-- Give the cards paragraph and id of cards-el -->
    <p id="cards-el">Cards: </p>
    <!-- Give the sum paragraph and id of sum-el -->
    <p id="sum-el">Sum: </p>
    <!-- Create a button that says START GAME. Make it call a startGame() function when clicked -->
    <button onclick="startGame()">START GAME</button>
    <!-- Create a NEW CARD button, make it run newCard() on click -->
    <button onclick="newCard()">NEW CARD</button>
    <!-- Create a paragraph with an id of "player-el"  -->
    <p id="player-el"></p>

    <script src="index.js"></script>
</body>
</html>