I have watched so many tutorials where they just overlay the video with music, but the way you explain everything you doing makes it so simple to understand. you earned a new sub my friend :)
I'm very much a beginner at Javascript, so this exercise really stumped me. I'm so grateful that you made this video!! Super helpful, and I learned a lot of cool information that I didn't know before! I'm confident I can do the next JS exercise on my own, now, thanks to you! :)
Thank you so much! I had such a "horrible" time looking for a simple answer and went with like 7 different approaches before I saw your video... You actually helped me realise JS is not that hard and you have the ability to teach and show us in the best way so thank you for that. Keep up the good work!
Thomas you are amazing! You've been helping me learn so much through FrontEndMentor. You're cheeky laugh at the end was the best, I give you 5 out of 5!
Thank you for this wonderful walk through on how you build this component. I have been struggling a lot with JS and its a little difficult for me to understand. But when you explained it, i was able to learn and understand how those eventclick works. Great job on this. 💯💪
@tsbsankara - I revised the time stamps to include the JavaScript part. I didn't realize you had pinned the previous timestamp. Thanks for the video! Extremely helpful!!!!
at first i was thinking of using radio button and putting it in a form but was stuck on how to get the required data . thanks for opening my eyes to see that sometimes I should not only think out of the box but in a no stressful way
Great video, specially the JavaScript part. So many videos only with background music but no voiced explanation. You got a new sub. I do have a question. Can the JS events be inside a global function instead of separate block of code for each one?
I am almost done with my AA in software development at CIAT and I did not even know where to begin with this challenge. Quite sad that these bootcamps are such failures and really just gave us the answers for every assignment. The only thing I really learned is that I am an efficient problem solver and can always find an answer to the solution (I.E. watching your video). Without dragging on too much longer, any advice for the future of trying to become a front end developer?
for me when I added the .hidden class to the thank-you div nothing happened, I resolved it by making a parent class with hidden and making that did have a separate const of its own but I am still unsure why me adding a second class didn't work . Also didn't we specify that the thank-you div has a display of flex, so how can css decide using the display none of .hidden or the display flex of .thank-you ? just curious
hey thank you for this amazing video but I have a problem, when I try to hide the element with display: none, I have to write it both on html with and on css too otherwise its not working without each other. what may the problem be here?
Seems to me like a problem with CSS Specificity - like there are some styles that are applying over the other. Once you find that, you find your issue.
Hi, I have everything built out correctly until it is time for the JS file to read the function for the first event listener. I'm not sure what the issue is
Check whether you've referenced the file correctly in your html, and then make sure you're getting the correct name of the element to which you're adding the event listener
thanks for the video it helps alot however before i saw your solution i did it on 2 pages and mow im stuck when i click the rating the console shows which number was clicked and since i did it on 2 pages when i do rating.innerHTML i caught an error :( i couldn't find the right way to pass the value to next page any ideas ? thanks ...
I think it's because rating.innerHTML doesn't exist when the second page loads. I think having 2 pages is a bit cumbersome, so perhaps create one page, and then build a toggle for the components.
Hi! thank you so much for your video. I follow all the steps but for some reason my html file is not reading JavaScript coding? do you have any idea why it might be? thank you so much in advance!
Yes. I did use useState, but I did not use useForm. I have a video where I build this app in React, here's the th-cam.com/video/JXr5QCEH8VE/w-d-xo.html
I have watched so many tutorials where they just overlay the video with music, but the way you explain everything you doing makes it so simple to understand. you earned a new sub my friend :)
I'm very much a beginner at Javascript, so this exercise really stumped me. I'm so grateful that you made this video!! Super helpful, and I learned a lot of cool information that I didn't know before! I'm confident I can do the next JS exercise on my own, now, thanks to you! :)
Nice 👍. That's wonderful to hear!
Thank you so much! I had such a "horrible" time looking for a simple answer and went with like 7 different approaches before I saw your video...
You actually helped me realise JS is not that hard and you have the ability to teach and show us in the best way so thank you for that.
Keep up the good work!
I'm glad that I could help 😊
keep on going man. really love and appreciate the content, useful, straight to the point and easy to follow!
Thank you
Thomas you are amazing! You've been helping me learn so much through FrontEndMentor. You're cheeky laugh at the end was the best, I give you 5 out of 5!
Thank you for the kind comment
I've not long started learning JS and been finding it hard to grasp but I sure learned a lot from this tutorial, thank you!
Thank you for this wonderful walk through on how you build this component. I have been struggling a lot with JS and its a little difficult for me to understand. But when you explained it, i was able to learn and understand how those eventclick works. Great job on this. 💯💪
That's great to hear! I'm glad it was helpful :)
@tsbsankara -
I revised the time stamps to include the JavaScript part.
I didn't realize you had pinned the previous timestamp.
Thanks for the video! Extremely helpful!!!!
Thank you for your efforts. I appreciate it
The greatest video I colud find for this challenge. Thank you so much! You win a suscriber ♥
Thank you so very much ♥
at first i was thinking of using radio button and putting it in a form but was stuck on how to get the required data . thanks for opening my eyes to see that sometimes I should not only think out of the box but in a no stressful way
Nice comprehensive video. Thank you for the explanation, it solved my frustration and I learned from it. Keep going and Happy Coding!✊💻
Omg, you are amazing bro! Thnaks a lot for your video!
Thank you for the kind comment
you are the best !!! im from brazil and apreciate
Great content! This helped me a lot, keep up the good work. Thank you!
Great video, specially the JavaScript part. So many videos only with background music but no voiced explanation. You got a new sub.
I do have a question. Can the JS events be inside a global function instead of separate block of code for each one?
Yes, but I don't recommend that because it will just slow down the execution of your application
Thanks for the sub. I'm glad you liked the video 😊
Thank You ! For je JS part of this challenge I was blocked for a while.
Glad I could help
Nice job buddy, keep it up, i love your videos ❤️
simple , clear , clever. nice👏👏👏👏👏👏👏
very nice tutorial the only problem is the lake of using flex-box that can save you a lot of time and using so much margins and paddings
I am almost done with my AA in software development at CIAT and I did not even know where to begin with this challenge. Quite sad that these bootcamps are such failures and really just gave us the answers for every assignment. The only thing I really learned is that I am an efficient problem solver and can always find an answer to the solution (I.E. watching your video). Without dragging on too much longer, any advice for the future of trying to become a front end developer?
Perfect explanation, Thank you
😊
for me when I added the .hidden class to the thank-you div nothing happened, I resolved it by making a parent class with hidden and making that did have a separate const of its own but I am still unsure why me adding a second class didn't work . Also didn't we specify that the thank-you div has a display of flex, so how can css decide using the display none of .hidden or the display flex of .thank-you ? just curious
Thank you! it is very easy to understand by your explanations.
I love your videos. Your contents are superb
Great explanation , you helped me ! thanks ❤
Glad to hear that!
Great job and great explanation! thanks
Thank you so much, so clear to understand!
really good video, congrats
Thank you you explain things very well!
how did that submit button even with width of 100% did took the full main-container space? If anyone knows please help.
oh i forgot to put padding in main-container sorry. THANKS FOR THE TUTORIAL
😂 CSS does that...
hey thank you for this amazing video but I have a problem, when I try to hide the element with display: none, I have to write it both on html with and on css too otherwise its not working without each other. what may the problem be here?
Seems to me like a problem with CSS Specificity - like there are some styles that are applying over the other. Once you find that, you find your issue.
Thanks. Appreciate this.
Glad it was helpful!
Hi, I have everything built out correctly until it is time for the JS file to read the function for the first event listener. I'm not sure what the issue is
Check whether you've referenced the file correctly in your html, and then make sure you're getting the correct name of the element to which you're adding the event listener
Hi! thank you so much and great explanation! thanks
thanks for the video
it helps alot
however before i saw your solution i did it on 2 pages
and mow im stuck
when i click the rating the console shows which number was clicked
and since i did it on 2 pages
when i do rating.innerHTML i caught an error :(
i couldn't find the right way to pass the value to next page
any ideas ?
thanks ...
I think it's because rating.innerHTML doesn't exist when the second page loads. I think having 2 pages is a bit cumbersome, so perhaps create one page, and then build a toggle for the components.
Thank you... Very useful video👍
I'm glad it helped
Hi! thank you so much for your video. I follow all the steps but for some reason my html file is not reading JavaScript coding? do you have any idea why it might be? thank you so much in advance!
Check whether you have linked your JavaScript file in the html document.
thank you so much ✨️
😊
Thank you!
You're welcome!
how can we do this with react? we will just need useState ofc and useForm right?
Yes. I did use useState, but I did not use useForm. I have a video where I build this app in React, here's the th-cam.com/video/JXr5QCEH8VE/w-d-xo.html
Thank you so much!
You're welcome!
you're the best
Thank you. That is quite endearing
I have one feedback, in css, you make changes in attributes simultaneously, please focus on one attribute at a time
Thank you. Understood. I will work to improve on that
Perfect
Thank you very much for this video
Can I please get your codes on this???
You're very welcome. Here is the link: github.com/SankThomas/js-interactive-rating-component
@@tsbsankara Thank you