Javascript Fun: Build a Guess The Number Game!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Videos (1h 13m)
    • Welcome!

      1:28
    • Creating the user interface with HTML

      10:06
    • Styling with CSS

      10:09
    • Javascript random numbers

      6:19
    • User input & comparison

      8:33
    • Logging player attempts & previous guesses

      9:06
    • Adding difficulty settings

      11:27
    • Handling the game over condition

      6:44
    • Finishing touches

      6:40
    • Thank you

      1:36
    • Follow me on Skillshare!

      0:23

About This Class

Welcome to the Javascript fun series! 

For web design or development, there is 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 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 computers 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:

Atom Text Editor: https://atom.io/

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

We begin by creating the user interface with HTML. The 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
  • Functions
  • Comparison (if, else if, else statements)
  • Event handlers
  • Arrays & pushing values to arrays
  • Manipulating the DOM
  • Adding styles & attributes with Javascript
  • Javascript Math
  • String concatenation
  • Incrementing
  • And much more!

So if you are looking to move on and put your skills into practice using with real projects, take this course now!

10 of 10 students recommendSee All

This was an awesome course! Especially for people who know a little bit about javascript.
This was a fun way to learn new Js concepts. The instructor was engaging. He gave clear reasons for each step, which I also commented out in my project.
Tishana Trainor

learning...

amazing class

75

Students

--

Projects

Chris Dixon

Web Developer & Online Teacher

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website...

See full profile