Rating Systems in HTML, CSS, and JS

This video talks about how you can create a Star Rating system using HTML, CSS, and JS.

[blackcubes]

Beautiful, simple, and well explained. I used this to show users on a rating for a movie when visiting the website, but I also used it for user's that are submitting reviews. This is more modern and better than just inputting numbers to submit reviews, in my opinion. Thank you for your talent and hard work 🙇, and I subscribed 🕺

[CertumSolutions]

Exactly what I was trying to find and wonderfully explained. Thank you so much!

[gillesmosson]

Thanks Steve for this video, always interesting to watch.

[robertogarcia]

Thanks a lot Steve.. Need it something exactly like this as I was stuck with my own approach. Then I twisted it a bit using css selectors and JS to make the stars hover (You know what I mean, I don't want to do spoiler) but I wouldn't made it without your help. Appreciated.

[finociasubahani]

It's Awesome, keep going your good work

[phongang]

Thanks you very much.
It is really very helpful

[Julies_channel]

What would I have to add, if I want the ratings displayed (eg. 2x 1 star, 3x 4 stars...)? Is that possible? I don't want it to be saved when the page is refreshed.

[Immushfiqurrahman]

So i can make this in my website but how people can submit this in my website and i can see it later?

[supriyagautam]

How to write the same rating code in using Aframe?

[taylorfield]

Hi there Steve, I have a follow-up question for you. I am using your star system for a movie review website project, and I have combined your code with my php so it echo's what people's ratings are to a published review page, but the js still allows me to select a star rating outside of the publishing page. In short, I am wanting to only allow visitors to the site to be able to select a star rating on a publishing page, and not on the published review page. I apologize for this large comment, I was unsure how else to contact you in regards to using your code!

Thanks so much, and great video tutorials, iv been referring to many of them for guidance!

[oussamajmaa]

can you please explain how to get the value of the rate

[syahirn]

hi steve, i would like to know, if i wanna save this star rating whenever the user click let say 3 star, how do i stored it in database ? cause my database im using is postgresSQL, and i'm already created a database which accept IntegerField(), let say if the user click 3 star then submit, what data will it stored? is it int/float/ or whatever? because i try to search it in the code, the only thing i saw is the data-rating which im not sure what type of data is that. really hope that you can reply me as soon as possible, as i'm doing my Final Year Project now.

[mrgk]

Hyy Steve, osm tutorials. I need a i want a review bar graph below the review box...which show the percentage of rating of every star

[PepiVibes]

Hi steve. Thanks for the video. How could I add just a review count system jus to show how much people rated

[yukos]

Hi Steve, thank you for the great lesson!
I have a question for you... What if we have 2 star rating systems, how would you enhance this onclick function? Let's say we have one rating for CSS Skill, and another one for HTML skill. Once you select one of the stars at the CSS skill, and move on to the next one... At the end, you should see a star should be selected at each scale. I hope my question is clear enough.

[xiniaapchora]

how could i make the " data_rating" dynamic instead of " data_rating=3"

[abdullahimran]

How would i use this in a form and retrieve the value