BananaMaster

33 Emoji Generator, for практика (JS уроки)

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

📘 Задание: Emoji Generator

Создайте приложение “Emoji Generator”.

Пользователь вводит число от 1 до 15 и выбирает тип смайлика через <select>. После нажатия кнопки нужно:

• С помощью цикла for вывести нужное количество выбранных emoji
• Использовать if для проверки диапазона
• Если число меньше 1 или больше 15 — вывести сообщение об ошибке
• Использовать switch или if для выбора emoji

🎛️ Варианты в select:

• Happy 😀
• Sad 😢
• Cool 😎
• Angry 😡

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

• Получить число из input
• Проверить через if, что число находится в диапазоне от 1 до 15
• Если число не подходит — вывести ошибку
  <p class="error"> Please enter a number from 1 to 15 </p>
• Запустить цикл for от 1 до введённого числа
• При каждом вызове добавлять к старому значению новую группу выбранных emoji (+=)

🧪 Примеры:

• Input: 5 + Happy 😀 →
• 😀😀😀😀😀
• Input: 3 + Angry 😡 →
• 😀😀😀😀😀
• 😡😡😡
• Input: 10 + Cool 😎 →
• 😀😀😀😀😀
• 😡😡😡
• 😎😎😎😎😎😎😎😎😎😎

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

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

<div class="emoji-row">
    😎😎😎😎😎😎😎
</div>

📌 Важно:

• Цикл for отвечает только за количество emoji
• select отвечает только за выбор типа
• Проверка диапазона должна быть через if