BananaMaster

32 - Star Rating Generator, for loop practice (JS lessons)

If you forgot something, click to go to the lesson

📘 Task: Movie Rating

Build a "Movie Rating" application.

The user enters a number from 1 to 10. After clicking the button:

• Use a for loop to generate the required number of stars
• Display the result on the page

📐 How it works:

• Read the number from the input field
• Run a for loop from 1 to the entered number
• On each iteration add one star ⭐
• Display the finished rating on the page

📐 Validation:

• Minimum value: 1
• Maximum value: 10
• If the number is less than 1 or greater than 10 — display an error:
  <p class="error">Please enter a number from 1 to 10</p>

📐 HTML structure of the result:

• Rating container div class="rating"
• Stars must be added inside the container

<div class="rating">
    ⭐⭐⭐⭐⭐
</div>

🧪 Examples:

• Input: 3 → Result: ⭐⭐⭐

• Input: 5 → Result: ⭐⭐⭐⭐⭐

• Input: 10 → Result: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

📌 Important:
Stars must be generated through the for loop. Do not change anything in the HTML.