BananaMaster

21 Що таке switch і чому його потрібно знати (уроки js)

Якщо щось забули, натисни для переходу на урок

Task 1.

Створіть select з варіантами "cat", "dog", "bird", кнопку і div. Використовуючи switch виведіть номер тварини: "cat" — "1", "dog" — "2", "bird" — "3".

Task 2.

Створіть input type="text" і кнопку. Якщо введено "admin" — змінити колір фону кнопки на червоний, якщо "boss" — на синій, якщо "client" — на зелений. (red, blue, green)

Task 3.

Створіть input type="text", кнопку і div. Якщо введено "km" — вивести "kilometer", "m" — "meter", "cm" — "centimeter".

Task 4.

Створіть select з варіантами "easy", "medium", "hard", "expert" і div. Використовуючи switch виведіть кількість життів: 5, 3, 2, 1.

Task 5.

Створіть select з варіантами "breakfast", "lunch", "dinner", кнопку і div. Використовуючи switch виведіть час прийому їжі: "8:00", "13:00", "19:00".

Task 6.

Створіть select з варіантами "kg", "g", "t" і div. Використовуючи switch, виведіть повну назву одиниці: "kilogram", "gram", "ton". Реалізуйте в реальному часі, тобто при зміні значення в select.

Task 7.

Створіть select з варіантами "+", "-", "*", "/" і два input type="number", кнопку і div. Використовуючи switch виконайте відповідну операцію і виведіть результат.