ASMR Programming - Coding iOS (iPhone) Calculator | No talking

Hi! Today I'm coding iOS (iPhone) calculator with HTML, CSS and JS - No talking.
➡️ 60 CSS Interview question (-50% discount for very limited time‼️):
codetiveco.gumroad.com/l/60-c...
🖥️ Web Dev Everyday Newsletter (1 tip, 1 challenge & more everyday): web-dev-everyday.beehiiv.com/...
Learn coding through fun and interactive challenges (FREE, but VERY early stage, might be bugs)
codetive.dev
➡️ Source code: github.com/paulboguta/codetiv...
0:00 Preview
0:12 Coding HTML
2:40 Coding CSS
7:28 Coding JS
asmr coding,asmr programming,programming asmr,coding asmr,coding no talking,programing asmr,asmr coding no talking,asmr typing,coding,programming,asmr keyboard,javascript project,javascript for beginners, html,css,js,javascript, css3,html5

[@codetiveasmr]

We launched very useful resource: 60 CSS Interview Questions and Answers. High quality, no AI generated content. -50% for limited time: codetiveco.gumroad.com/l/60-css-interview-questions/CODETIVE

[@NameMeTommy]

Hey! Im just starting out with html coding in Visual studio, and i must say your video is motivating me and im pretty sure also other newbies :) I would like to ask you, how do you get this fancy look? I have the default look and your looks more clean. I already downloaded extension called "prettier" but it didnt change anything, so i would like to know what extension or settings youre using. Thanks!

[@codetiveasmr]

Hey! Glad you like it. It's not Prettier. Prettier is an extension for formatting your code fixing spaces etc. (you can check it with ctrl or cmd (on mac) + shift + p and then type fromat document with, then u can choose prettier and see the magic!) When it comes to colors and look of VSCode those are defined by "themes" you can also download them via extensions. Color theme I'm using on this video is "Community Material Theme Ocean" from extension "Community Material Theme" then after you download this theme you can do again CTRL/CMD + shift + P and type preferences: color theme there you can choose mine which is ocean but feel free to experiment. I hope it helped you!

[@NameMeTommy]

@@codetiveasmr Oh okay, i didnt know that, thank you for the explanation and your help!

[@codetiveasmr]

@@NameMeTommy You're welcome!

[@ISAK.M]

I would never be able to have a keyboard with Enter being this tiny hell nah 😭

[@codetiveasmr]

90% of my coding journey I've been using macbook keyboard so I'm used to it haha

[@VUZAMUSIC-ej4jm]

You are amazing!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@codetiveasmr]

You are amazing brother :-)

[@Erisi_]

Did you leave the space at the end on purpose or you forgot to fix it beacuse it isn' like the apple calculator

[@codetiveasmr]

Not on purpose however, it was not meant to be 1:1 same as the iphone calculator, but it's easy to adjust to bottom of the page if you need it

[@Erisi_]

@@codetiveasmr Do i add it with padding or how

[@codetiveasmr]

Yeah, you can add padding or adjust container height :)

[@user-pe1ph2vu9y]

Hello, I wrote the same code as you, but Chrome gave me the following error: Uncaught TypeError: "btns.forEach" is not a function, what should I do?

[@codetiveasmr]

Hi, I think that's because something is wrong with the btns as you cannot call function on undefined. Try console.log(btns) - I guess you will get undefined. Then check how you used querySelector to get those buttons (const btns = ....), check if it's correct. If you did it on class check if in HTML class is valid or you made typo.

[@user-pe1ph2vu9y]

@@codetiveasmr Where exactly in the code do I need to write this command: console.log(btns)? Can you please tell me in more detail, I will be very grateful

[@codetiveasmr]

Wherever in your JS file. I think you have error because btns is undefined. Check your querySelector function if its correct