msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '4a5ade0771'
${ noResults }
Web-Dev-For-Beginners/4-typing-game
History
Julia Muiruri 5a333bb782
Updated the quiz-app links 		2 years ago
..
images folder names 4 years ago
solution accessibility updates throughout lessons 4 years ago
translations Update link to english lesson instead of Italian lesson 3 years ago
typing-game Updated the quiz-app links 2 years ago
README.md Fix broken links 4 years ago

README.md

Event-Driven Programming - Build a Typing Game

Introduction

Typing is one of the most underrated skills of the developer. The ability to quickly transfer thoughts from your head to your editor allows creativity to flow freely. One of the best ways to learn is to play a game!

So, let's build a typing game!

You're going to use the JavaScript, HTML and CSS skills you have built up so far to create a typing game. The game will present the player with a random quote (we're using Sherlock Holmes quotes) and time how long the player takes to type it out accurately. You're going to use the JavaScript, HTML and CSS skills you have built up so far to create a typing game.

demo

Prerequisites

This lesson assumes you're familiar with the following concepts:

  • Creating text input and button controls
  • CSS and setting styles using classes
  • JavaScript basics
    • Creating an array
    • Creating a random number
    • Getting the current time

Lesson

Creating a typing game by using event driven programming

Credits

Written with ♥️ by Christopher Harrison