12/18/2017 - 3:59 PM

Multiple game screens

One way to make a Welcome screen, then go to the game play and then to a Game Over screen with an option to play again. Dec 4, 2017 - Peter

<!DOCTYPE html>
<html lang = "en">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <link rel="stylesheet" href="stylesheet.css">

    <p> Start with a welcome screen then toggle through game and game-over screens - Dec 4, 2017 - Peter</p>

    <div id="welcome-screen">
            <p id="title-text">Welcome to the Game!</p>
            <p id='welcome-text'>It's the best game ever!</p>
            <p id='welcome-text'>You will LOVE it!!!</p>
        <button id='playGame-button'>Start</button>
    <div id="game-screen">
            <p>The main game play happens here</p>
            <p>End button would be replaced with game end routine</p>
        <button id='gameOver-button'>End</button>
    <div id="gameOver-screen">
            <p id="title-text">You won the Game!</p>
            <p id='welcome-text'>You are really smart!</p>
            <p id='welcome-text'>Your score was: </p>
        <button id='playAgain-button'>Again</button>

    <script src="index.js"></script>