Javascript Fun: Build a Tip Calculator!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (48m)
    • 1. Introduction

      1:45
    • 2. Creating the user interface with HTML

      9:56
    • 3. Styling with CSS

      12:38
    • 4. Capturing the user input

      6:54
    • 5. Displaying the captured data

      4:31
    • 6. Calculating and displaying the new values

      6:22
    • 7. Finishing touches

      4:08
    • 8. Thank you

      1:07
    • 9. Skillshare follow me video

      0:23
13 students are watching this class

Project Description

The class is fully project based.

The project we will be building in this course is a Javascript Tip Calculator. 

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! 

I look forward to seeing what you create!

Student Projects

project card
Renee Brown
2 comments
project card
Phil W.
2 comments
project card
Christie J.
My tip calculator
WM S.
1 comment
project card
1 comment
project card
2 comments
project card
Charlotte Kan
1 comment
project card
Juri Kimura
1 comment
project card
2 comments