Speed Coding | HTML, CSS, JS – Calculator

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

Video,Edited and Coding:
Sahal Mohamed

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

Copyrighted by motiQ Research
https://motiqresearch.blogspot.in

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!

Comments

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
https://youtu.be/onLsz9BwP7M

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:

amaaaaaaaaazing

KWANPO YIU 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. …?
I WANT THIS !!
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!

MOHAN SINGH says:

how to download real time editor

JP JATIN PATRA says:

Excellent

HEBERT SILVA says:

Amazing…

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

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

NA NA NA CHANNEL says:

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:

Cool

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▷ Bicycles▷ Rims & Tires▷ Luxury BoatsFashion▷ Sunglasses▷ Luxury Watches▷ Luxury Purses▷ Jeans Wear▷ High Heels▷ Kinis Swimwear▷ Perfumes▷ Jewellery▷ Cosmetics▷ Shaving Helpers▷ Fashion HatsFooding▷ Chef Club▷ Fooding Helpers▷ Coktails & LiquorsSports▷ Sport Shoes▷ Fitness & Detox▷ Golf Gear▷ Racquets▷ Hiking & Trek Gear▷ 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▷ Audio HiFi▷ Printers▷ USB Devices▷ PC Hardware▷ Network Gear▷ Cloud Servers▷ Software Helpers▷ Programmer Helpers▷ Mobile Apps▷ Hearing AidsHome▷ Home Furniture▷ Home Appliances▷ Tools Workshop▷ 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