Neumorphism Calculator using Html CSS & Javascript | Mini Project | Simple Calculator with Dark Mode
HTML-код
- Опубликовано: 7 фев 2025
- Click For More : www.youtube.co...
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/...
CSS Infinity Course : www.udemy.com/...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/...
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : / @onlinetutorialsyt
------------------
Source Code : / onlinetutorials
Facebook Page : / onlinetutorialsyt
Instagram : / onlinetutorials_youtube
Twitter : / onlinetutoria16
Website : www.onlinetutor...
Buy Me A Coffee : www.buymeacoff...
------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
image source : www.pexels.com/
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
All of the comments saying loved it, liked it... The video was released 1 min ago, and is 20 mins long, at what speed do you guys watch it 💀
At best they just want to be first to comment and get likes for it, at worst they are bots.
LOL
😅😅
😂😂😂😂😂😂
Masallah this is so beautiful design
Amazing work buddy
your video is really great but with voice over explaining all thing that would be great
Great work sir
But need to add some thing like check button if we want to add multiple operation .
And if you make this calculator without using eval function it's awsm 👏👏👏👏
Bravo 👏👏👏
good project for practice 👍
HEY YOU soft LIKE AI AND TNice tutorialS VID SO HELPFUL
Very nice Project
thank you very much! it's a good job!
The light version is very nice
Sir video voice over karke banaoge toh viewer ko video samjhega or video bhe end Tak sab dekhenge 🙏🙏🙏
coz you did great work on the video, thank u for your help o7
Thanks man!
awesome
Why you don't use react? This example very good implement on react
this example is meant for beginners who are starting off with vanilla js, i happen to be one of them :)
Deletion button needed to delete single value 👍
Please make a video on how to show all images of a folder inside a div without writing all the image paths.
not possible with (client side) JS if you dont know the filenames. (serverside you can use node.js require('fs') )
when you know the file names, just put all in an array and loop through it.
If anyone js is not working ,here is the solution
Just copy and paste the exact words like clear , buttons,and "=" this sign from your html code that mentioned above . Trust me it'll help 👍
Thanks bro it works
loved it
Please check for 22/7. It is overwriting or comes outside.
i like it
Just stay in your comfort zone at first and focus on one tNice tutorialng at a ti. Just try to make a simple soft first. When you get used to the
Give Ableton a try. IMO its more intuitive.
Big values are overwriting or coming outside how to stop it?
.value{
Overflow-x:scroll;
Scroll-behavior:smooth;
}
.value::-webkit-scrollbar{
Display:none
}
Hou to converte apk please 🙏🙏🙏🙏
cool bro can u pls make a website on cleaning company i hope u can help me out plss thankyou bro
How to handle errors?
Sir My dark mode in not happening in calculator if I add tha dark class in body then the calculator become dark directly means we don't need to change the mode 🙁why?
Same
You should check out the spelling of your variables. I was having issues with dark mode because I wrote quereySelector('body') instead of querySelector('body')
My js isn't working.. I'm still trying to figure it out.. Let me know if there are any common mistakes for beginners
Resolved!! Its a great project!
Hey, buddy! Here is the JS code. I am pretty sure that you have some typos. Copy and paste it. Good luck!
let buttons = document.querySelector('.buttons');
let btn = document.querySelectorAll('span');
let value = document.getElementById('value');
let toggleBtn = document.querySelector('.toggleBtn');
let body = document.querySelector('body');
for(let i=0; i
@@pavanpenugonda4924 how did you resolved it?
@@amankushwaha8180 I forgot! Sorry.
I think I kept script link in the head, I just had to keep it after tag
the link with source code is not working :(
Did a lot of work on your guides, please remove the yellow circle from the cursor, I do not see anything when you - something you write.
Sir Coding me logic build Kaise kara
Bro how to backspace button
@Mitesh Goyal idon't know?! Bro
where is the code of this project
Equal is not working
sir, the clear button is not working anyone knows why?
that error is due to js scope, use the "this" keyword in the context, to resolve this you can call the click event and put the following to display the value: "event.target.textContent".
@@johanretd3839 didn’t get it ?
Hey! Here is the JS code. I am pretty sure that you have some typos. Copy and paste it. Good luck!
let buttons = document.querySelector('.buttons');
let btn = document.querySelectorAll('span');
let value = document.getElementById('value');
let toggleBtn = document.querySelector('.toggleBtn');
let body = document.querySelector('body');
for(let i=0; i
Did u get the solution? If not just try my method hope it'll work for u
Just copy and paste the equal"=" sign and also clear and buttons *don't type by yourself*
Copy those words From your html code before class.reply if worked😅
Wizard?
i could not understand logic
ali
give me free source code?
Very nice Project