BananaMaster

32 Генератор звезд рейтинга, for практика (JS уроки)

Если что то забыли кликни для перехода на урок

📘 Задание: Рейтинг фильма

Создайте приложение “Рейтинг фильма”.

Пользователь вводит число от 1 до 10. После нажатия кнопки нужно:

• С помощью цикла for создать нужное количество звезд
• Вывести результат на страницу

📐 Логика работы:

• Получить число из поля ввода
• Запустить цикл for от 1 до введённого числа
• На каждой итерации добавлять одну звезду ⭐
• Показать готовый рейтинг на странице

📐 Проверка значения:

• Минимальное значение: 1
• Максимальное значение: 10
• Если число меньше 1 или больше 10 — вывести ошибку:
  <p class="error"> Please enter a number from 1 to 10 </p>

📐 HTML структура результата:

• Контейнер для рейтинга div class="rating"
• Звезды должны добавляться внутрь контейнера

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

🧪 Примеры:

• Ввод: 3
• Результат: ⭐⭐⭐

• Ввод: 5
• Результат: ⭐⭐⭐⭐⭐

• Ввод: 10
• Результат: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

📌 Важно:
Звезды должны генерироваться через цикл for. В HTML ничего изменять не нужно.