Create a hand made calculator with HTML, CSS and JavaScript

——   Created by Kalob Taulien

Create a cool JavaScript calculator

Share this course:

1h 01m
Lesson time
Skill level
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today.

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

Course introduction
free preview
Setting up the project
free preview
Stubbing out the html
Styling the page
Styling the buttons
Your signature
Custom font
Button movements
Button actions
Operational calculator
Finished calculator
Code cleanup
Enroll in this course for $19.97
or $15/mo for unlimited courses

Class benefits

  • Certificate of Completion
  • 14 day free trial
  • 24/7 streaming access
  • Project included
  • Teacher Q&A
  • 1h 01m of on-demand video
  • 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 500,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