Hangman Game using HTML, CSS and JS

VIEH Group
Last Update October 30, 2022
6 already enrolled

About This Course

By the end of this project, you will create a fully fledged and user friendly hangman game using HTML5, CSS3 and JavaScript only. You will learn how to modify and style the web page choosing different types of color backgrounds and padding. You will be using Keyboard capture functions to capture every word (and drop the numbers & symbols) which allow users to guess & type the correct words.

Note: This guided project works best on laptop and computers (basically which has keyboard) since we are using keystroke capture functions. It will not work on smartphone or touchscreen devices (it may work if you use virtual keyboard).

 

Learning Objectives

Web Development
Design
JavaScript
Computer Science

Material Includes

  • 2 hours of on-demand videos
  • Resume-build guided projects
  • Downloadable Codes
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of Completion

Requirements

  • PC or Laptop to code the project
  • A desire to learn Interactive Web Development
  • No Prior Knowledge of Data Science

Target Audience

  • Students
  • Desired Learners
  • Anyone that wants to build some fun and easy to intermediate projects

Curriculum

13 Lessons2h 25m

Environment Setup

Installing Visual Studio5:27

Hangman Game

Your Instructors

VIEH Group

4.8/5
61 Courses
41 Reviews
168 Students
See more

Write a review

Free
Level
Beginner
Duration 2.4 hours
Lectures
13 lectures
Subject

Material Includes

  • 2 hours of on-demand videos
  • Resume-build guided projects
  • Downloadable Codes
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of Completion

Want to receive push notifications for all major on-site activities?

✕
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
Compare