Create a hand made calculator with HTML, CSS and JavaScript

——   Created by Kalob Taulien

Create a cool JavaScript calculator

Share this course:

NEW
Course
12
Lessons
1h 01m
Lesson time
beginner
Skill level
$19.97
or $15/mo for unlimited courses
Sign Up

More about this course

In this course you will create a calculator you can use on a web page. It will look and act like a proper calculator.

We'll be using basic HTML, CSS and JavaScript — but don't worry, this is still a beginner friendly course! I'll walk you through the HTML, CSS and JavaScript if you aren't already familiar with those technologies (they are REALLY easy in this course!)

You'll be able to click on any of the buttons, and they'll move in and change the numbers at the top. And we'll deal with strange math logic like dividing by zero.

The course project

You will create a fully functional calculator that can be used on a website. We won't use any pre-existing HTML, CSS or JavaScript — instead we'll write it all by hand (it's good practice, and not very much work).

You can even use this in your web design and web development portfolio!

Let's get started right away!

12 Lessons

0:01:34
Course introduction
free preview
0:04:00
Setting up the project
free preview
0:03:54
Stubbing out the html
0:07:34
Styling the page
0:10:18
Styling the buttons
0:03:00
Your signature
0:01:39
Custom font
0:07:55
Button movements
0:05:54
Button actions
0:08:09
Operational calculator
0:03:00
Finished calculator
0:04:32
Code cleanup
Enroll in this course for $19.97
or $15/mo for unlimited courses

Class benefits

24/7 streaming access
30 day money-back guarantee
Project included
Teacher Q&A
1h 01m of video content
Have a coupon?

About the instructor

Hi everybody! I'm Kalob Taulien.

Here's the TL;DR (short) version about me:

  • I have been coding since 1999 and teaching people how to code since 2011
  • I have over 350,000 web development students world-wide
  • I'm on the Wagtail CMS core development team (Wagtail is Python's #1 most popular website making …
View full profile

Access unlimited courses for only $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today