How to Create Star Rating in HTML CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • This video tutorial will teach you how to create star rating system in HTML CSS, and JavaScript. The star rating can be adjusted by clicking on the stars and selecting the desired number of stars in out of 5.
    ---
    🔗 Links
    ✅ Download Source Code From Here
    ➤ www.codinglabweb.com
    ✅ JavaScript Projects
    ➤ • JavaScript Projects
    ✅ Buttons Design
    ➤ • CSS Buttons
    ---
    Follow me on
    ➤ Instagram - / coding.np
    ➤ Facebook - / coding.np
    ---
    ⌚ Timestamps:
    00:00 Dynamic Star Rating Demo
    00:30 File Structure
    00:52 Dynamic Star Rating in HTML
    01:24 Dynamic Star Rating in CSS
    04:01 Dynamic Star Rating in JavaScript
    #Dynamic_Star_Rating #HTML_CSS_JavaScript
    ---
    🎵 Music Credit:
    Deep Sea by Vendredi / vendrediduo
    Creative Commons - Attribution 3.0 Unported - CC BY 3.0
    Free Download / Stream: bit.ly/-deep-sea
    Music promoted by Audio Library • Deep Sea - Vendredi (N...
    Something 'bout July (Instrumental) by RYYZN
    • Something 'bout July (...
    Ikson - We Are Free (Vlog No Copyright Music)
    • Ikson - We Are Free (V...

Комментарии • 22

  • @kzsy
    @kzsy 6 месяцев назад

    Thank you so much for this video. it was a great help

  • @TheLoona
    @TheLoona Год назад +1

    First 😂 amazing content keep up the good work! I would like to see how to make a messaging app where you can add certain people to allow them to message you (if possible though since it is just suggestion)

    • @CodingLabYT
      @CodingLabYT  Год назад +1

      Thank you !!. Here is the tutorial - ruclips.net/video/VnvzxGWiK54/видео.html

  • @barakakinywasoftwaredevelo5941

    Thanks indeed. Go ahead !

  • @alihamoud6863
    @alihamoud6863 Год назад

    All love bro, thanks.

  • @cv3787
    @cv3787 4 месяца назад

    Cool!

  • @manzidallas-my8xq
    @manzidallas-my8xq 2 месяца назад

    Some of you i know you have an error on the second star.forEach(star, index2) =>{}) which is returning the error for "forEach is not a function" , you will have to convert the star to an array because in default way the forEach is a array. Thanks !

  • @saifulislamshanto2381
    @saifulislamshanto2381 20 дней назад

    🚀🚀

  • @rajmgamer150
    @rajmgamer150 6 месяцев назад

    Sir where it has been saved the rate

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu Год назад

    thanks

  • @hunnyff_official
    @hunnyff_official Год назад

  • @miaowangpark
    @miaowangpark Год назад

    Can improve a feature that removes active altogether

    • @CodingLabYT
      @CodingLabYT  Год назад

      Yeah. You can customize as you like.

  • @themobilegamer7333
    @themobilegamer7333 Год назад

    when I created two cards with the same HTML tags. when I click on stars in the second card entire first card is getting filled up to where I've clicked.
    can you help with JavaScript?

    • @CodingLabYT
      @CodingLabYT  Год назад

      If you want to add more feature. You can contact me here - www.fiverr.com/prakashahi

  • @en_kratia
    @en_kratia Год назад

    How can you be so cool with colors, combinations of colors, etc?😮 Thank you.

  • @MDABEDAFNAN
    @MDABEDAFNAN Год назад

    seriously man!!! it was too simple, i could not even do that!!😔

    • @CodingLabYT
      @CodingLabYT  Год назад +1

      Don't be demotivate bro. Practice is the key to sucess.