Day 5

Let's make a Typing Game! To do so, we'll be putting our new Javascript knowledge to work.

Typing Game

Ask your Day 5 Questions on Parthean Community.

Directions

Edit your starter code (see below) to create a Typing Game like the one above.

As you're working on this, you can make your own word list, but if you want to use the words from our list, we've attached it below.

Starter Code [download]

Create a folder called day_5 and create three files inside of it:

day_5

index.html

styles.css

index.js

Now, copy this paste this code into them:

index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Typing Gamee</title>

        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        
        <script
          src="https://code.jquery.com/jquery-3.4.1.min.js"
          integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
          crossorigin="anonymous"></script>
        <script src="index.js"></script>
    </body>
</html>

Resources

If you have questions, take to the internet! We're also here when you need us at:

Ask your Day 5 Questions on Parthean Community.

Want to show off your work? Post your results on Parthean Community.

Extras

Word List
var randomWordList = [
  "import",
  "dump",
  "factory",
  "cell phone",
  "brand",
  "eagle",
  "leadership",
  "cycle",
  "happen",
  "childish",
  "fair",
  "divide",
  "forecast",
  "college",
  "exaggerate",
  "graduate",
  "rhythm",
  "moment",
  "heart",
  "stunning",
]
PreviousMood Board TutorialNextDay 6

Last updated