Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Javascript Fun: Build a Guess The Number Game!

via Skillshare

Overview

Welcome to the Javascript fun series! 

You can find all of the code, resources and project stages here:

https://github.com/chrisdixon161/fun-javascript-projects.com

For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript.

The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

The project we will be building in this course is a Guess the number game. The game involves the player guessing the computer's random number between 1-100, in a limited number of attempts!

All the required tools are free to download, I will be using the following:

Visual Studio Code Text Editor: https://code.visualstudio.com​

Chrome Web Browser: https://www.google.co.uk/chrome/browser​

We begin by creating the user interface with HTML. Then we apply styling using CSS. 

Then we add Javascript, this is where the real magic happens! 

You will learn things such as:

  • Creating HTML interfaces
  • Styling with CSS
  • Incorporating Javascript and linking external files
  • Variables & Constants
  • Functions
  • Comparison (if, else if, else statements)
  • Arrays & pushing values to arrays
  • Manipulating the DOM
  • Adding styles & attributes with Javascript
  • Javascript Math
  • String concatenation
  • Incrementing
  • Updating The Range Slider
  • Adding Classes
  • CSS Animations
  • And much more!

So if you are looking to move on and put your skills into practice using real projects, I will see you in the class!

Syllabus

  • Welcome To The Class!
  • Creating The User Interface
  • Styling With CSS
  • Starting Our Game
  • Capture User Input & Compare
  • Logging Previous Attempts
  • Adding Difficulty Settings
  • Handling The End Of Game
  • Creating The Range Section
  • Follow Me On Skillshare!

Taught by

Chris Dixon

Reviews

Start your review of Javascript Fun: Build a Guess The Number Game!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.