Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Javascript Build a Calculator using HTML, CSS and Javascript
Rating: 4.5 out of 5(757 ratings)
37,401 students

Javascript Build a Calculator using HTML, CSS and Javascript

Learn to Build a Simple Calculator using HTML, CSS and Javascript
Last updated 2/2019
English

What you'll learn

  • Downloading & Installing Notepad++
  • Basic Calculator Functionality
  • Fixing Some Problems in Calculator Project
  • Calculator Design (CSS)

Course content

1 section5 lectures38m total length
  • Introduction1:14

    Learn to build a simple calculator with html, css, and javascript, from setup through basic functionality, debugging, and design implementation.

  • 1 Downloading and installing notepad++1:43

    Download and install notepad++ from Google Chrome; you can use other editors too, create a desktop shortcut, then launch the editor to start building the calculator in the next video.

  • 2 Basic calculator Functionality14:47

    Learn to build a basic calculator using HTML and JavaScript, starting with structure, input fields, and buttons; implement on-click behavior and prepare for styling in later videos.

  • 3 Fixing Some Problems in Calculator Project16:16

    Fixes in the calculator project show how to detect the last operator in the display, remove it, and replace it with the new operator, with a default placeholder.

  • 4 Calculator Design (CSS)4:30

    Learn to design a web calculator with css by styling container and inputs, setting dimensions, colors, and margins. The lesson covers ids vs classes, percentage widths, and ui and functionality.

Requirements

  • Should have the minimum basic Knowledge of HTML, CSS and Javascript

Description

Build a Simple Calculator using HTML, CSS and Javascript


In this Course you will learn how to build a simple calculator using HTML, CSS and Javascript,


This course is divided in to four parts,


In the first part you will learn how to download and install Notepad++,


In the 2nd part you will learn to build the Basic functionality of calculator


In the 3rd Part you will learn to fix some problems in Calculator Project


and finally in Last Part you will focus on Design Part (CSS)


Pre- Requirements: Basics of HTML, CSS and Javascript

Who this course is for:

  • who want to learn Building a Simple Calculator using HTML, CSS and Javascript