I like how you use sections in html instead of arranging it in css. Others just use div and arrange it in css. So it is good that you utilize other tags of html instead of just using div for everything. I learned a lot in this video.
For anyone asking the VSCode extensions, here they are and I quote: 1 - Beautify to make my codes beautiful 2 - Error lens that showing code errors! 3 - GlassIt-VSC for transparent bg 4 - Live Preview that shows my code changes without refreshing page! 5 - Reui 2 theme
Very good basic project for beginners here. The whole learn to code but where to start I'll suggest a calculator now. Needs a output field, button representation and what functions they do when clicked. Great stuff here love the live server too wish I had it in the 90s when I was hitting F5 after every save.
Im 3 weeks into college and im learning HTML, I'm glad I understood a decent amount of what you were typing although on a complex level. This was awesome thanks!
i love this video. its been only 5 minutes but i am obsessed how beautiful is coding. All the imagination, you can put into words and you do not even have to talk....
I'm SO glad UA-cam algorithms recommended me your channel😳 I'd like to be and practicing backend coding, but I really enjoyed your video and already learned new methods from it. You helped me to concentrate and gave motivation to try coding something like this project. Thank you very much and good luck in future projects while I'll look after them, cuz I subscribed👀
Amazing tutorial!! Little tips: After you do 8+2 and get 10, you can't erase the 0 only. That's because, inside case '=' you have "buffer = runningTotal;". It actually should be "buffer = String(runningTotal);". Also, if you try to erase one number at a time from a negative result, you're gonna have to erase the negative sign too, and it's not necessary. So you could put "if(buffer === "-"){buffer=0}" after the substring cutting. Bugs solved!
At the moment I'm also learning programming and I can't do that much yet, but by watching your videos all the time, I'm learning it automatically except Javascript I don't understand that yet. Take good care of yourself!
Hey just wanted to say love your videos, they’ve helped me out a lot with learning new coding syntax and different ways of doing things. I also appreciate how all your source codes are free to view, it’s been very helpful in my learning journey so thank you
Man, I LOVE UA-cam algorithims. What an amazing video! I didn't think I could just watch someone programming for almost 30 minutes in a row. I'm just beggining my developer carrer (I'm 16) and u inspired me very much, thanks mate.
Oooh love love love this. I can relax and learn. But there’s no way I could enjoy this video with all the loud ads every few minutes. Thank goodness I can watch without them!
Senior fullstack js dev here. I came for the ASMR aspect, wasn't disappointed. Just one thing though: Please use a linter on save. (also please space out your css selectors from the brackets as well as if and else from the brackets, the code is condensed otherwise and makes it a bit annoying to read. Thanks for the content, keep it up.
I have always considered ASMR a pointless, dumb, stupid, and futile term and so was the case with everything related to it. Untill I cam across this video, and I realised, man, nothing's better than ASMR programming!
Hey! first I want to say I love your videos. and you are teaching me so much. I notice you flip back and forth through you pages in VS Code. I don't know if you know this already, but you are able to have both Index.html, and you CSS on the same screen at the same time. that way you can't go from HTML to CSS easier for more cleaner videos....
Hello, I am studying computer engineering in Turkey, I am improving myself outside the university, I think your videos will be very useful to me, your videos are very good, very nice people, they are very useful for improving themselves, thank you very much for your videos.
Great video! I have a question tho, I can see that you already have everything setup, like the design, colors etc... my question is, how long you think it would take to do the exact same project but from completly start, maybe trwice the time of the video?
Vídeo sensacional, estou começando agora e entendi a parte do HTML e CSS, passou pro JS não entendi mais nada, espero chegar nesse nivel o quanto antes!!.
I liked how you used emmet at the beginning for writing general html, but not for writing the calculator layout itself. Though it may be better if you want a longer asmr video
Woe, very nice man! Thanks for doing it slowly so we can learn with you! Where all this html, css, classes come from? Do you import some file or download it from vscode? Where can I find them? I would like to learn more about web development and UI/UX design...
Hello from Brazil! Thanks for making this kind of content. Learn and relax 😊. Your keyboard seems very good. Can you say the brand/model that you use? Thank you again!
Bro i m a high school student i really really love to code found ur channel too interesting . ❤❤❤hope u make more interesting projects . Love frm india
Very good project, really learned a lot from this in a very relaxing way. Can you please tell me what extensions you have for VS Code, would be very helpful!
I aint got a single clue about how to code or none of that and I also don't listen to asmr But for some reason these kinds of videos where it's just keyboard sound is actually really nice
Estoy intentando aprender programación, apenas y comprendo un poco el HTML pero veo más y más vídeos y siento que es imposible, perooo trataré de seguir aprendiendo sobre el tema.
let runningTotal = 0; let buffer = "0"; let expression = ""; let previousOperator = null; let operatorInMemory = null; let piDisplayed = false; const screen = document.querySelector('#display'); const piValue = "3.141592653589793238462643383279502884197169399375105820974944592307816406286208998628034825342117067982148086513282306647093844609550582231725359408128481117450284102701938521105559644622948954930381964428810975665933446128475648233786783165271201909145648566923460348610454326648213393607260249141273"; function buttonClick(value) { if (isNaN(value)) { handleSymbol(value); } else { handleNumber(value); } screen.innerText = expression || "0"; } function handleNumber(number) { if (buffer === "0" || piDisplayed) { buffer = number; piDisplayed = false; } else { buffer += number; } expression += number; } function handleSymbol(symbol) { switch (symbol) { case 'C': buffer = '0'; runningTotal = 0; previousOperator = null; operatorInMemory = null; expression = ""; piDisplayed = false; break; case '←': if (piDisplayed) { buffer = "0"; expression = expression.slice(0, -piValue.length); piDisplayed = false; } else if (buffer.length === 1) { buffer = "0"; expression = expression.slice(0, -1); } else { buffer = buffer.substring(0, buffer.length - 1); expression = expression.slice(0, -1); } break; case '=': if (previousOperator === null) { return; } flushOperation(parseFloat(buffer)); previousOperator = null; buffer = runningTotal.toString(); expression = buffer; break; case '÷': case '×': case '−': case '+': handleMath(symbol); expression += symbol; break; case 'π': buffer = piValue; expression += piValue; piDisplayed = true; break; } } function handleMath(symbol) { if (buffer === "0" && !piDisplayed) { return; } const floatBuffer = parseFloat(buffer); if (runningTotal === 0) { runningTotal = floatBuffer; } else { flushOperation(floatBuffer); } previousOperator = symbol; buffer = ""; } function flushOperation(floatBuffer) { if (previousOperator === "+") { runningTotal += floatBuffer; } else if (previousOperator === "−") { runningTotal -= floatBuffer; } else if (previousOperator === "×") { runningTotal *= floatBuffer; } else if (previousOperator === "÷") { runningTotal /= floatBuffer; } } Calculator V2: (Things implemented) New Features: • Added a button that displays the first 200 digits of pi (π), which was not present in the original version. • All digits and numbers will now appear on the screen as expected. Changes Made: • Adjusted parts of the code to ensure everything is visible on the screen. When you click "π" and then "C," pi will disappear. Also, when you click "π" and then "←," all digits of pi will disappear, not just one.
As someone who has just started learning code (Python), I'm just like "How the hell does he know all of this from memory" I feel like I will never be capable of doing this on my own... Did anyone else feel the same at the beginning?
this calculator does the calculation as soon as you enter a symbol. if it were to keep displaying the expression and calculate after user has entered a bunch of operations together, it'd be a lot harder (order of operation and parentheses). how would u do this?
In this calculator, js just use display number and operation in real time, for parentheses and order of operation we need a calculator that wait for all commands then after user clicked on (=) that calculate operations, but here js automatically use (=)
gostei do fato de ter dado um bug e pôde consertar para vermos 🤩 se fosse no kotlin eu iria ficar feliz porque acho que entendi melhor no seu vídeo mesmo sem falas
Me: Watches a video of someone else programming instead of working on my own project that I keep putting off
Thx 🙏❤️
@@AsmrProg lmao though you gonna motivate him to start working
🙏❤️
😂😂😂
🙏❤️
I like how you use sections in html instead of arranging it in css. Others just use div and arrange it in css. So it is good that you utilize other tags of html instead of just using div for everything. I learned a lot in this video.
Thx a lot Yayen 🙏❤️
I didnt get it
Get what!!??
@@AsmrProg im confused, im sorry
🙏❤️
For anyone asking the VSCode extensions, here they are and I quote:
1 - Beautify to make my codes beautiful
2 - Error lens that showing code errors!
3 - GlassIt-VSC for transparent bg
4 - Live Preview that shows my code changes without refreshing page!
5 - Reui 2 theme
Thanks 🙏❤️
А как убрать прозрачный фон?
@user-ig9gd8sm1p sorry! Please write in english 🙏
@@AsmrProgi dont understand his language but youtube translation shows "How do i remove the transparent background?"
Короче я разобрался! Просто зажимаете ctrl + Alt + c
Very good basic project for beginners here. The whole learn to code but where to start I'll suggest a calculator now. Needs a output field, button representation and what functions they do when clicked. Great stuff here love the live server too wish I had it in the 90s when I was hitting F5 after every save.
Thanks for your good comment, it’s energy for me to create new video’s and grow my channel, glad to have subscribers like you 🙏❤️
It’s good, good luck 👏❤️
“basic project for beginners”, yez very basic calculator go brrrrr
😉🙏❤️
for bengginers? i feel its a lot of things for to learn T_T
Im 3 weeks into college and im learning HTML, I'm glad I understood a decent amount of what you were typing although on a complex level. This was awesome thanks!
Great, keep it up 😉❤️
HTML? In COLLEGE? What were you doing in high school...? Unless you're not a tech major, that's concerning.
@@5dollasubwayfootlong programmer analyst, IT stuff... Learned python a bit in school.
I never learned html and css or javascript still could understand 60-70% of this (except i understood javascript part like 30-40 %)
🙄
This honestly taught me loads as a beginner JS programmer, wow. Thanks!
Thanks 🙏❤️
Here's how I would do the js part:
Since JS can already do everything a calculator can do, simply add every button symbol (except '
Nice and Thanks a lot for your additional info 🙏❤️
i love this video. its been only 5 minutes but i am obsessed how beautiful is coding. All the imagination, you can put into words and you do not even have to talk....
Thanks a lot Melih 🙏❤️
I found this channel a few days ago and now I don't miss a video, great work there
@csstutorials184 thanks a lot for supporting 🙏❤️
Man... this guy really made the calculator, and the styles and everything from scratch.
🙏❤️
There is nothing complicated
🙏❤️
Not necessarily his first time doing it...
🙏❤️
I love coming back to your videos after I finish a college class and finally understanding what your doing
Thx Quinten 🙏❤️
Exactly the same with me, all of a sudden it makes sense hahahah
Oh thx a lot Ethan 🙏❤️
I am a newer web developer and I didn't know about that preview extension.... You are my savior.
Thanks 🙏❤️
Even though I don't know anything about coding, watching this with my music is the most relaxing thing I've experienced
Thanks 🙏❤️
I'm SO glad UA-cam algorithms recommended me your channel😳
I'd like to be and practicing backend coding, but I really enjoyed your video and already learned new methods from it. You helped me to concentrate and gave motivation to try coding something like this project. Thank you very much and good luck in future projects while I'll look after them, cuz I subscribed👀
Thx a lot bro, i will code back-end soon😉❤️
Your calculator ASMR is not only incredibly calming but also intresting from a coding perspective! I love the way you use sections in your html code!
Thanks a lot 🙏❤️
Amazing tutorial!!
Little tips:
After you do 8+2 and get 10, you can't erase the 0 only. That's because, inside case '=' you have "buffer = runningTotal;". It actually should be "buffer = String(runningTotal);".
Also, if you try to erase one number at a time from a negative result, you're gonna have to erase the negative sign too, and it's not necessary. So you could put "if(buffer === "-"){buffer=0}" after the substring cutting. Bugs solved!
Thanks a lot, it was on of our first videos, so have some bugs!!
It actually taught me a lot, so I tried building on it a little! Just arrived here, I'm gonna check more! Thanks!!
Thanks 🙏❤️
It feels so dam good to know JavaScript and hear the keyboard type all of what you already know.
Keep it up
Thanks 🙏❤️
Круто, очень нравится! No Talking - это здорово. Всё итак понятно без воды🙂
Thanks 🙏❤️
@@AsmrProg что за клавиатура ?
Please write english!!
@@AsmrProg what model of keyboard?
@KPACOTA_KOTA hi, in this video it’s Lenovo legion 5 laptop keyboard!
every time I see a video from this guy I feel more motivated to continue programming
Keep going on 🙏❤️
I really like the hardwork you do to make every single video.
Thank you so much for understanding me 🙏❤️
@@AsmrProg btw what laptop is that?
Lenovo legion 5
At the moment I'm also learning programming and I can't do that much yet, but by watching your videos all the time, I'm learning it automatically except Javascript I don't understand that yet. Take good care of yourself!
Thanks so much 🙏❤️
Hey just wanted to say love your videos, they’ve helped me out a lot with learning new coding syntax and different ways of doing things. I also appreciate how all your source codes are free to view, it’s been very helpful in my learning journey so thank you
Glad it is helpful, keep it up 😉❤️
Please like and subscribe if you want to support me create new videos❤️
where can i find this keyboard?
this is noutbook
Hi, From amazon site
No lenovo legion 5
Я сделал) добрый вечер из Новосибирска)
I finished watching it without even getting bored.
🙏❤️
Man, I LOVE UA-cam algorithims.
What an amazing video! I didn't think I could just watch someone programming for almost 30 minutes in a row.
I'm just beggining my developer carrer (I'm 16) and u inspired me very much, thanks mate.
Hi Samuel, Thanks bro, Your comment is energy for me 🙏❤️
this channel is Unique he is replying to every comments.
You earn a subs for that😮
Yes my audience comments are important for me 😉❤️
I feel happy after studying javascript for a month made understand your code, thanks for your incredible content!
Thanks 🙏❤️
I am not even a programmer but I am watching this very intently. It is quite interesting!
Thanks 🙏❤️
please release this, this is the first calculator website i have seen that's not basically just adds
🙏❤️
Oooh love love love this. I can relax and learn. But there’s no way I could enjoy this video with all the loud ads every few minutes. Thank goodness I can watch without them!
Thanks a lot for your good support and energy 🙏
who else is instead of listening to the asmr here to learn
🙄🙄
@@AsmrProgdid you even find out what he was trying to comment !?
You should probably use grid instead of flex when making a calculator. It kinda makes things easier ^^
Yes Skillzor, but with flex designs are more responsive and it’s easier than grid. But thanks for your comment🙏❤️
🙏
@Edward G. Stone For the love of god don't
🙏❤️
@Edward G. Stone whaat..
Senior fullstack js dev here. I came for the ASMR aspect, wasn't disappointed.
Just one thing though:
Please use a linter on save. (also please space out your css selectors from the brackets as well as if and else from the brackets, the code is condensed otherwise and makes it a bit annoying to read.
Thanks for the content, keep it up.
Love this channel , help me have more motivation to continue this work though i was very tired , thank for the ASMR
Thanks 🙏❤️
Watching you write allll those buttons reminds me how much I love JSX and React :P
🙏😉
I'm start programming from this video. Thank you!
this is actually very good! My expertise is in Python, but it was really intresting for me to watch this! Keep going man!
Thanks a lot 🙏❤️
I have always considered ASMR a pointless, dumb, stupid, and futile term and so was the case with everything related to it. Untill I cam across this video, and I realised, man, nothing's better than ASMR programming!
Hi, it’s great to hear it, thanks 🙏❤️
bro that design was insanelly beautiful, congrats!!!!
Thanks 🙏❤️
Hello, I follow you from Brazil 🇧🇷, I like many of your videos, while they are relaxing, you pass on incredible knowledge, keep it up!
Thank you very much! 🙏❤️
Um pobre sempre será pobre
🙏
@@marcelofonseca3105 Ué
i never knew how much i needed a video like thik. thank you!!!
Thanks bro 🙏❤️
Thank you for the video, i didnt expect this to be so fast and easy I even added sound on the buttons to make it stand out a bit.
Great, nice job 👍
This is the best tutorial I've seen. Thanks! Now I know how to do a calculator!
Thx a lot 🙏❤️
Hey! first I want to say I love your videos. and you are teaching me so much. I notice you flip back and forth through you pages in VS Code. I don't know if you know this already, but you are able to have both Index.html, and you CSS on the same screen at the same time. that way you can't go from HTML to CSS easier for more cleaner videos....
Thanks for good comment 🙏❤️
Hello, I am studying computer engineering in Turkey, I am improving myself outside the university, I think your videos will be very useful to me, your videos are very good, very nice people, they are very useful for improving themselves, thank you very much for your videos.
Hi, thanks so much for your good vibes and energy 🙏❤️
00:00 - HTML coding
06:28 - CSS Styles Coding
13:33 - Coding Main Design
20:05 - JavaScript Coding
33:25 - Fix Minus Bugs
33:40 - Final Result
Sorry?!
As for that window that shows the website next to the code, how to do it?
Hi bro, it’s live preview extension 🙏
Bro this was literally in the description
Саня сигма
Great video! I have a question tho, I can see that you already have everything setup, like the design, colors etc... my question is, how long you think it would take to do the exact same project but from completly start, maybe trwice the time of the video?
Yes, video is edited, it’s takes more than 1h
TÔI KHÔNG THỂ KIÊN NHẪN XEM HẾT, NHƯNG BẠN RẤT GIỎI, CẢM ƠN NHỮNG GÌ BẠN LÀM.
Thank you, dude, hope that you will soon release the teaching video.
But add Vietnamese subtitles to your videos.
Thanks 🙏❤️
Hey! I also want to learn all of it. When will you teach us too?❤️❤️ Waiting for your tutorial for beginner friendly. ❤️
Hi, we are working on courses, soon will tell subscribers in channel how to start it 😉
I learn about new keywords of css from this channel :P
By watching full video with asmr
It’s masterpiece 👌Thanks Dude❤
🙏❤️
thanks for the keyboard, immediately like it!!!
Thx 🙏❤️
Its impressive how you can code without encountering any error, you have achieved god tier
Hi, no! Video is edited!
Vídeo sensacional, estou começando agora e entendi a parte do HTML e CSS, passou pro JS não entendi mais nada, espero chegar nesse nivel o quanto antes!!.
Great, keep going on, with experience anything is possible 😉❤️
até que fim um brasileiro
vou começar a aprender alguma linguagem agora em 2024, tu sabe dizer se é bom começar por python?
i'm going to start learning some language now in 2024, can you tell me if it's good to start with python?@@AsmrProg
@kauecostasilva4307 please write in English 🙏
Ok hold up, this mans is typing their own hex colors by heart??? WTF Bro, I applaud you!
Hi, no! Video is edited 🙏
The funny thing is i learned programming in this video more than UA-cam tutorials, keep it up!
Thanks 🙏❤️
I liked how you used emmet at the beginning for writing general html, but not for writing the calculator layout itself. Though it may be better if you want a longer asmr video
O-oh no is that vanilla js, html and css ? ? ? Where are my 12GB of npm modules ? ??
😁😁😂😂
as someone who is just getting into the coding world, thank you.
may i ask what keyboard you use, i'm really in love with it!
Thanks for good comment, keyboard is my laptop’s keyboard, Lenovo legion 5
That was beautiful, contrats!! I'll give you a tip: when you're in the middle of a line, and you want to go to the bottom line, press CTRL + Enter
Thanks a lot bro, but with hotkeys beginners don’t understand what we do!!
@@AsmrProg get onsreen keystrock display
Sorry what?!
Aprendi bastante vendo o vídeo, obrigado meu mano
🙏❤️
Woe, very nice man! Thanks for doing it slowly so we can learn with you! Where all this html, css, classes come from? Do you import some file or download it from vscode? Where can I find them? I would like to learn more about web development and UI/UX design...
Hi Thiago, thanks for your good comment🙏 all of files and things you need i show in the video, video is from 0 to 100😉
@@AsmrProg Thanks @AsmrProg I will observe it carefully hahahha I apreciate it. Very nice video! :)
Thx bro🙏❤️
he didn't use freamworks he created the classes
Yes, Thx for comment ❤️🙏
It's very comforting to watch the person in this video coding so easily.
Because video edited!
@@AsmrProg Still, it's very impressive for me, who doesn't know how to code.
@GodsGlare0 🙏❤️
Hello from Brazil! Thanks for making this kind of content. Learn and relax 😊. Your keyboard seems very good. Can you say the brand/model that you use? Thank you again!
Thanks 🙏 Newmen gm610
Decimal number: Did someone just forget me?
Bro i m a high school student i really really love to code found ur channel too interesting . ❤❤❤hope u make more interesting projects . Love frm india
Very good project, really learned a lot from this in a very relaxing way. Can you please tell me what extensions you have for VS Code, would be very helpful!
Hi bro thx for good comment, extensions available on my channel community page 🙏❤️
Very nice video. How did you configure your cursor? I really like the trail and the click effect.
Hi, it’s screen recorder effects
@@AsmrProg what recorder do you use?
EZ Screen Recorder
I aint got a single clue about how to code or none of that and I also don't listen to asmr
But for some reason these kinds of videos where it's just keyboard sound is actually really nice
Thanks 🙏❤️
Estoy intentando aprender programación, apenas y comprendo un poco el HTML pero veo más y más vídeos y siento que es imposible, perooo trataré de seguir aprendiendo sobre el tema.
Don’t worry and keep going on, you will succeed 😉❤️
At the end of the video, where is the code to solve the bug?!!
Hi, I solved it in video!
Finally an app for adding numbers together 🙌🙌🙌🙌
🙏❤️
Очень крутой формат, залипательно.
Thanks bro 🙏❤️
Here is the code from the video. I will be adding more features over time, so it might be edited occasionally:
Calculator
html {
box-sizing: border-box;
height: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
margin: 0;
padding: 0;
}
body {
align-items: center;
background: linear-gradient(320deg, #eb92be, #ffef78, #63c9b4);
display: flex;
font-family: 'Dosis', sans-serif;
font-display: swap;
height: inherit;
justify-content: center;
}
.wrapper {
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
border: 1px solid rgba(255, 255, 255, 0.01);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(35, 35, 35, 0.1);
color: #232323;
background: rgba(255, 255, 255, 0.30);
flex-basis: 400px;
height: 540px;
padding: 20px 35px;
}
.screen {
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
background: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(255, 255, 255, 0.01);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(35, 35, 35, 0.1);
color: #232323;
font-size: 35px;
overflow: auto;
padding: 20px;
text-align: right;
width: 326px;
}
.calc-button-row {
display: flex;
justify-content: space-between;
margin: 5% 0;
}
.calc-button {
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
background: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(255, 255, 255, 0.01);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(35, 35, 35, 0.1);
color: #232323;
flex-basis: 20%;
font-family: inherit;
font-size: 24px;
height: 65px;
}
.calc-button:last-child {
color: #fff;
background: #d72880;
}
.calc-button:last-child:hover {
background-color: inherit;
color: inherit;
}
.calc-button:hover {
background-color: inherit;
}
.calc-button:active {
background-color: #ffef78;
}
.double {
flex-basis: 47%;
}
.triple {
flex-basis: 47%;
}
.pi-button {
flex-basis: 20%;
}
0
C
←
÷
7
8
9
×
4
5
6
−
1
2
3
+
π
0
=
let runningTotal = 0;
let buffer = "0";
let expression = "";
let previousOperator = null;
let operatorInMemory = null;
let piDisplayed = false;
const screen = document.querySelector('#display');
const piValue = "3.141592653589793238462643383279502884197169399375105820974944592307816406286208998628034825342117067982148086513282306647093844609550582231725359408128481117450284102701938521105559644622948954930381964428810975665933446128475648233786783165271201909145648566923460348610454326648213393607260249141273";
function buttonClick(value) {
if (isNaN(value)) {
handleSymbol(value);
} else {
handleNumber(value);
}
screen.innerText = expression || "0";
}
function handleNumber(number) {
if (buffer === "0" || piDisplayed) {
buffer = number;
piDisplayed = false;
} else {
buffer += number;
}
expression += number;
}
function handleSymbol(symbol) {
switch (symbol) {
case 'C':
buffer = '0';
runningTotal = 0;
previousOperator = null;
operatorInMemory = null;
expression = "";
piDisplayed = false;
break;
case '←':
if (piDisplayed) {
buffer = "0";
expression = expression.slice(0, -piValue.length);
piDisplayed = false;
} else if (buffer.length === 1) {
buffer = "0";
expression = expression.slice(0, -1);
} else {
buffer = buffer.substring(0, buffer.length - 1);
expression = expression.slice(0, -1);
}
break;
case '=':
if (previousOperator === null) {
return;
}
flushOperation(parseFloat(buffer));
previousOperator = null;
buffer = runningTotal.toString();
expression = buffer;
break;
case '÷':
case '×':
case '−':
case '+':
handleMath(symbol);
expression += symbol;
break;
case 'π':
buffer = piValue;
expression += piValue;
piDisplayed = true;
break;
}
}
function handleMath(symbol) {
if (buffer === "0" && !piDisplayed) {
return;
}
const floatBuffer = parseFloat(buffer);
if (runningTotal === 0) {
runningTotal = floatBuffer;
} else {
flushOperation(floatBuffer);
}
previousOperator = symbol;
buffer = "";
}
function flushOperation(floatBuffer) {
if (previousOperator === "+") {
runningTotal += floatBuffer;
} else if (previousOperator === "−") {
runningTotal -= floatBuffer;
} else if (previousOperator === "×") {
runningTotal *= floatBuffer;
} else if (previousOperator === "÷") {
runningTotal /= floatBuffer;
}
}
Calculator V2: (Things implemented)
New Features:
• Added a button that displays the first 200 digits of pi (π), which was not present in the original version.
• All digits and numbers will now appear on the screen as expected.
Changes Made:
• Adjusted parts of the code to ensure everything is visible on the screen. When you click "π" and then "C," pi will disappear. Also, when you click "π" and then "←," all digits of pi will disappear, not just one.
As a C/C++ programmer that works on GUI apps, this looks relatively fun to do.
🙏❤️
As someone who has just started learning code (Python), I'm just like "How the hell does he know all of this from memory" I feel like I will never be capable of doing this on my own...
Did anyone else feel the same at the beginning?
if you have experience you will know all of codes!
where can i get the source code of this project
Hi, here the full source : drive.google.com/file/d/1vXEro1zflp4atJOjFcrhrMjBzTiE3RdD/view?usp=sharing
Nice, over 30 mins, it took me a couple of hours to code this before.
🙏❤️
this calculator does the calculation as soon as you enter a symbol. if it were to keep displaying the expression and calculate after user has entered a bunch of operations together, it'd be a lot harder (order of operation and parentheses). how would u do this?
In this calculator, js just use display number and operation in real time, for parentheses and order of operation we need a calculator that wait for all commands then after user clicked on (=) that calculate operations, but here js automatically use (=)
How I can be a pro programer?
Sorry I doesn't very good at English
Hi, just experience!
This video is pure motivation for me to learn programming❤
🙏❤️
Basically a tutorial using a keyboard
🙏❤️
Watching coding while shitting so I don't shit while coding
🙏
Source code please 😢
Hi, here the code :
drive.google.com/file/d/1vXEro1zflp4atJOjFcrhrMjBzTiE3RdD/view?usp=sharing
One of my favourite coder. Thanks you sir
🙏❤️
If you need source code for calculator then coding is not for you find some different job
This was not ASMR to me at all. The slow motion typing gave me serious anxiety lmao
Ok
Being proud when created something new !
Yes 😁❤️
this has to be the best asmr channel i’ve ever came across
Thanks 🙏❤️
That is the best sounding membrane keyboard i have ever heard.
Thanks 🙏❤️
this video even learns me html css and javascript thank you bro 🙏❤ keep going your the best programmer! ❤
Thanks so much 🙏❤️
why this so chill
🙏❤️
I bought one of these quieter satisfying keyboards and it absolutley helps
Good 🙏
I always like this project, it always has been a basic task since i was in the school perfect for learning
Yes 😁
Been around the block, the linear gradient rule blew my mind for some reason 😅 that's a new one for me
I remember your first vids, old pfp and when u still didnt have lots of subs and views. your channel really grew up so fast, keep it up!
Thanks a lot my old subscriber ❤️🙏
gostei do fato de ter dado um bug e pôde consertar para vermos 🤩 se fosse no kotlin eu iria ficar feliz porque acho que entendi melhor no seu vídeo mesmo sem falas
this calculator is so clean. Thank you for this.
Thanks bro 🙏❤️
@@AsmrProg np. how would you recommend compiling it into a .exe?
You can’t do it, if you want exe you need code it with java!
That filling, when you are watching video not for the sake of relax, and in order to learn some thing
🙏❤️😉
Bro you're killng me. Pro tip. Instead of copying and pasting lines; select what you want, then use SHIFT-ALT-DownArrow. So much faster.
Ok bro, thanks 🙏❤️
are you suggesting he is not a problem simply because he does not use a copy paste shortcut
Watching a video and trying my best. It's not easy because I don't even know the properties of CSS well, but it's really awesome! 💯
Great 😉🙏❤️
I subscribed because of the way you reply every comment, Great skills ❤
Thanks 🙏❤️