Speed Coding | HTML, CSS, JS – Calculator

How to make a calculator using html, css, javascript.

Video,Edited and Coding:
Sahal Mohamed

This Is Me by Declan DP https://soundcloud.com/declandp
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0
Music promoted by Audio Library https://youtu.be/TKIR_JzPI7U

Copyrighted by motiQ Research

Youtube: https://www.youtube.com/channel/UCOTr…
Facebook: https://www.facebook.com/motiQresearch
Google+: https://plus.google.com/u/0/118049625…

Don’t forget to like, comment and subscribe!


Games Club says:

what text editor u used??

Кул Хаскер says:

I like your calculator)))

Oleg Dobrygin says:

what is a reason of using the onclick event on buttons if you have a value attribute in your inputs.

more concisely do it like this

document.querySelectorAll(‘.button’).forEach((btn) => {
btn.addEventListener(‘click’, (e) => {
const insertedValue = e.target.value;
if (insertedValue == “+”) doSomething();
}, false);

kumar Atul jaiswal says:

Which editor do you used ?

beat beast says:

i tried this on my own and didnt find it completely working like a real calculator.
for instance, if i evaluate an exp like 3+3 it will give me 6 and if i type another number it will get concatenated with the previous result. how do i work around that?

motiQ Research says:

Here is the tutorial about the real time editor

RichouSansSous # says:

It’s horrible dude T.T

Kostia Bazrov-WORK says:

table? WTF?

Дима Гашко says:

I don’t have any word…
onclick… 2018 year… onclick… eval…

It’s so bad…

Manish Kumar says:

Software kon sa hai

C u says:

i really like your codding style

Achraf Ess says:



what compiler did u use???

UA's TAKES says:

Which editor are you using in thiss…plz tell

Harsh Patel says:

Real time editor. …?
from where should I download…?

Ben Hassine Ahmed says:

it doesn’ work when i press the buttons ! help please

iii iii says:

copy+paste… eval()… facepalm

ChrisGaming_NL says:

activate your windows

Nguoi Toi Yeu says:

thanks so much 😀

nguyen huu loc loc says:

perfect !!!

Akshay Nile says:

What is the name of the real time editor you are using?

abhishek Chaudhary says:

which editor u r working on

Alpesh Trivedi says:

Please give me name of editor..

MysteriousWind【AMV】 says:

Omg, so anazing!


how to download real time editor





Павел Гришаев says:

It is the first time I see numbers without ‘px’ for sizes in CSS. Normal Chrome must show many errors in this situation.


Km piko

Sergiu Șveț says:

This is pizdetz… This is a big pizdetz. Don’t do like him. Never. Never!

I have a feeling that this is a video from the late 2007.
What about learning how to use at least Flexbox (if css grid is too much)?
What about splitting HTML/CSS/JS files a little?
What about event listeners?
What about forgetting the eval function at all, as it never existed?
What about learning how to use a JS library/framework?

P.S. And activate your windows.

Даниил Головин says:


Fabian B. says:

Sorry dude, but this is pretty bad. I mean the design is bad, your editor is bad, the JS is bad with the thousands of onclicks… And man… NEVER FUCKING USE TABLES FOR POSITIONING… we dont have 2004.

Anuj Patel says:

Nice Video.
Please make video on save file botton and text box shown in this video…

KingDavid vevo says:

try using DRY method next time

nautao47 nautao47 says:

Speed Coding | HTML, CSS, JS – Calculator

Write a comment


Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.

Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!

Send this to a friend

▷ Other ReviewsVehicles Show Cars Motorbikes Scooters Rims & Tires Luxury BoatsFashion Sunglasses Luxury Watches Luxury Purses Jeans Wear High Heels Perfumes Jewellery Cosmetics Shaving Helpers Fashion HatsFooding Chef Club Fooding Helpers Coktails & LiquorsSports Sport Shoes Fitness & Detox Golf Gear Racquets Diving Equipment Ski Gear Snowboards Surf Boards Rollers & SkatesEntertainment DIY Guides Zik Instruments Published Books Music Albums Cine Movies Trading Helpers Make Money Fishing Equipment Paintball Supplies Trading Card Games Telescopes Knives VapesHigh Tech Flat Screens Tech Devices Camera Lenses Printers USB Devices PC Hardware Network Gear Cloud Servers Software Helpers Programmer Helpers Mobile Apps Hearing AidsHome Home Furniture Home Appliances Beddings Floor Layings Barbecues Aquarium Gear Safe Boxes Office Supplies Security Locks Cleaning ProductsKids Baby Strollers Child Car Seats Remote ControlledTravel Luggages & Bags Airlines Seats Hotel Rooms Fun Trips Cruise Ships Mexico Tours