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 Tutorial NextDay 6

Last updated 5 years ago

hashtagTyping Game

hashtagDirections

hashtagStarter Code [downloadarrow-up-right]

hashtagResources

hashtagExtras

Typing Game

Directions

Starter Code [download]

Resources

Extras