literalmente... únicamente he visto dos videos de él, y ya me enamoré de su trabajo! grandes ideas, excelente código, grandiosos resultados, es realmente inspirador encontrar personas que quieren compartir resultados como estos, es realmente grandioso!
nicely done, but have few questions: so many "let", just separate your vars with comma. why create so many "new date"? just create single object and get h m s from it. for leading zero there is more elegant way with help of "padStart"
At the end of the video, it appears the tail of the color circles are rounded but I didn’t see how we did this in the tutorial? With what we did they appear as straight edges instead of rounded. How do we do this? Very easy tutorial to follow. Thank you!
@@animeshbhapkar2712 Hover is a bad idea considering it only works if you have a mouse. And most traffic is not from desktops so it just won't work on phones/tablets which are like 70% of the traffic
@Online Tutorials I have been trying a lot but i have unable to move dots. As you written //360/12=30 hr_dot.style.Transform = 'rotate(${h * 30}deg)'; //360/60=6 min_dot.style.transform = 'rotate(${m * 6}deg)'; //360/60=6 sec_dot.style.transform = 'rotate(${s * 6}deg)'; not working. What should i do? need your help.
I tried to implement this code. In index.html file line 82. hr_dot.style.transform = "rotate(${h*30}deg)"; 84. min_dot.style.transform = "roate(${m*6}deg)"; 86. sec_dot.style.transform = "roate(${s*6}deg)"; is not working. How can i fix it?
It took me an hour to figure out what was wrong with me, it was that in the HTML I had a circle marked as an ID that is there 3 times and this crap threw it away.
hr_dot.style.transform = 'rotate(${h*30}deg)'; is not working but if a put a numeric value like 30 it is working . the problem is if i use a variable it isnt responding and the dot is in its inittial place. please help anyone
literalmente... únicamente he visto dos videos de él, y ya me enamoré de su trabajo! grandes ideas, excelente código, grandiosos resultados, es realmente inspirador encontrar personas que quieren compartir resultados como estos, es realmente grandioso!
Your the best at this sort of thing.
Not a bad tut, I like the use of inline and css stylesheet together. Seems to a good short video for a beginner to get their feet wet.
How wonderful and genius you are
Thank you for the video. It has been educationally helpful and has expanded my imagination and creativity. Keep up the good work👏.
Ramadan Mubarak 👍👍👍👍
very cool work! For leading zero, you don't need it for the hour in a 12-hour clock but in a 24-hour clock.
This is very creative
Amazing Clock
You're truly creative. Thanks for all you taught us
Very good work dude!! To add zero, you also can convert to string e use the method padStart().
Became ur fan❤️
It`s so COOL! Very beautiful!!!
Wow!!! So cool!!!!
You have good talent, thanks.
Nice work sir. I thought you might be doing that moving part using external svg link. Nice clock. Thanks for tutorial.
Incredible
thank you, it keeps inspired and continue to work hard to get to that level! (i'm a noob in this field)
Awesome!!
Super video OT Thanks
Awesome👍
very beautiful demonstration 😍
Nice project!!
Nice wrk🤞
you are just top
Wow. Very beautiful.
Make one with countdown and page redirect.
Amazing
Make a flip clock plzzzzzz❤️❤️❤️
You are amazing
Cada día traen un nuevo proyecto que nos sorprende más y más , Gran trabajo
Thank You 🙏🏻🙏🏻
When you coding 8h but your last showing time 2h 🥰😂 good work 👌💞
Wow really amazing code thanks for this osm code 🔥🔥🔥😍😍😍
Thanks bro. That is amazing
First
nicely done, but have few questions:
so many "let", just separate your vars with comma.
why create so many "new date"? just create single object and get h m s from it.
for leading zero there is more elegant way with help of "padStart"
Yeah but never use var, always let or const.
Nice brother 👌
Thank you for this video, it added a lot for my info
Great
Good work, may I know which color theme you have used for VS Code in this video.
Let me check
@@OnlineTutorialsYT thank you
@@OnlineTutorialsYT Yes Sir, I also wanna know
Do you also create bots to make Cool Colour pallette XD
@@OnlineTutorialsYT Sir, were you able to find that theme name
1st
jitne likes mile otne kam hein
nice😍🥰
video starts at 1:31
At the end of the video, it appears the tail of the color circles are rounded but I didn’t see how we did this in the tutorial? With what we did they appear as straight edges instead of rounded. How do we do this?
Very easy tutorial to follow. Thank you!
stroke-linecap: round;
add in your css at .dots::before { border-radius: 50%}
The border-radius, you can lower it like 55 or 50px. Or % as the other guys said, eitber one works
Thank You
Nice work
Thanks...
Maybe you should use a monospaced font.
I have a problem my ( hr_dot, min_dot, sec_dot ) it not moving, what should i do
Example: sec_dot.style.transform = 'rotate(' + s * 6 + 'deg)';
Hey bro can you make a video on cost calculator using javascript?
Bro Your work is really appreciated.
But why don't you explain with your voice . because it will help us to reach easier.
He cant speak since birth
sir mai aapko 2 year se fallow kar raha hu agar aap india me rahte hai to pls hindi me explain bhi kar diya kariye pls begginer level help !
are possible make this clock in program for smartphone?
yes
Ofc
@@mrcow4244 But how?
@@OnlineTutorialsYT But how?
Sir, Can you make a video on zoom in and zoom out CSS effect? please
Its called hover.
@@animeshbhapkar2712 Hover is a bad idea considering it only works if you have a mouse. And most traffic is not from desktops so it just won't work on phones/tablets which are like 70% of the traffic
Nice work but one problem is that, when its straight 12 O'clock it just shows double zero like (00).
can i put this in windows screensaver
Please do same for countdown timer without library
Is that second going rush? 😳
Is it really impossible to write a class from memory?
a two-letter class is very, very difficult to write ...
Sir can u plz tell me why you use two circle in svg tag
nice
I try to change size to smaller but how we make a dot that match to rotate a degree
Following the code, I seem to get errors in vsCode when using the syntax rotate(${m*30}deg) any idea why I’m getting errors
😍😍😍😍😍
🙏🏻 where are you from
Hello!
How to calculate deg with 24 hour format? I'm not good at math. :D
Very good video anyway.
360 / 15 = 24
He means 15 deg
If I will just change 30 to 15 its not changing time ( @@OnlineTutorialsYT
Source code doesn't open plz help brother
omad👏
Hola quiero comprar el paquete que incluya los cursos de Udemy, cual es ese paquete?
can you make the world clock
I have a problem my dot it not move , what should i do
@Online Tutorials In 12 hour Clock, when it reached to 12 pm or 12 am, it always turns to 00 hours, how to change it to 12 hours 00 min
Is it possible to make that clock my wallpaper? If so then please tell me how
@Online Tutorials
I have been trying a lot but i have unable to move dots. As you written
//360/12=30
hr_dot.style.Transform = 'rotate(${h * 30}deg)';
//360/60=6
min_dot.style.transform = 'rotate(${m * 6}deg)';
//360/60=6
sec_dot.style.transform = 'rotate(${s * 6}deg)';
not working. What should i do? need your help.
The symbols ' and ` are different.
So change the folloing symbol
' to `
@@duggirambabu7792 thanks buddy, will try.
Sir you can use h%12
how does the page automatically update when you edit something without refreshing page?
I tried to implement this code. In index.html file line 82. hr_dot.style.transform = "rotate(${h*30}deg)"; 84. min_dot.style.transform = "roate(${m*6}deg)"; 86. sec_dot.style.transform = "roate(${s*6}deg)"; is not working. How can i fix it?
How could I make this project responsive? I'll appreciate your support!
2nd
sir count down is not working may i know why ??? i do the all same as you teach but it always no make sense
❤️❤️
How to make it responsive???
Nice
Does anyone know what is his vscode theme?
I have face some problem pls help when command html ( hours.innerHTMl= h;) but browser not show hours. Show just zero .
I have the same problem
It took me an hour to figure out what was wrong with me, it was that in the HTML I had a circle marked as an ID that is there 3 times and this crap threw it away.
👍👍
Why my clock doesnt work? I checked everything is exactly as in tutorial. Design is all good.
I am facing a problem that the starting point of every circle is 3 . How to solve it.
istead of 12.
Sir Script file is not working to show current time, what is alter native solution please send me.
Check once again the following symbols:
The symbols ' and ` are different.
Write ` this symbol at rotate function.
can you give us the source code of above project
Plz music name
bro your python software and its version
How to do this on Android?
Can u give me this video code
I did it in the same video but the shapes were not complete
Me gustaría ver el código o el tutorial de como lo hizo por favor para aprender gracias
Does somebody have an idea, why the SVG syntax isn't working for me in VS Code/Chrome?
Why my clock doesnt work? I checked everything is exactly as in tutorial. Design is all good.
3rd
Sir please make this video zoom
My time is not changed it's just 00 from starting please help
hr_dot.style.transform = 'rotate(${h*30}deg)'; is not working but if a put a numeric value like 30 it is working . the problem is if i use a variable it isnt responding and the dot is in its inittial place. please help anyone
````````````` is this symbol。'' this is wrong