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.
Web-Dev-For-Beginners/translations/en/4-typing-game/README.md

1.9 KiB

Event-Driven Programming - Build a Typing Game

Introduction

Typing is one of the most overlooked skills for developers. Being able to quickly translate your thoughts into code allows your creativity to flow seamlessly. And what better way to practice than by playing a game?

Let's build a typing game!

You'll use the JavaScript, HTML, and CSS skills you've learned so far to create a typing game. The game will display a random quote (we're using Sherlock Holmes quotes) and measure how long it takes the player to type it accurately. You'll use the JavaScript, HTML, and CSS skills you've learned so far to create this game.

demo

Prerequisites

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

  • Creating text input and button elements
  • Using CSS and applying styles with classes
  • JavaScript basics
    • Working with arrays
    • Generating random numbers
    • Retrieving the current time

Lesson

Creating a typing game by using event-driven programming

Credits

Written with ♥️ by Christopher Harrison


Disclaimer:
This document has been translated using the AI translation service Co-op Translator. While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.