BananaMaster

12.1 - innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)

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

Task 1.

Яке значення і тип даних будуть в результаті цього рівняння?

3 * '2'

Task 2.

Яке значення і тип даних будуть в результаті цього рівняння?

'-1' + 2

Task 3.

Яке значення і тип даних будуть в результаті цього рівняння?

'lolo' - 'lo'

Task 4.

Створіть div з текстом "LO" і кнопку. При кожному натисканні на кнопку за допомогою JavaScript дописуйте до тексту букву "O". В результаті при кожному кліку текст повинен збільшуватися: "LO" → "LOO" → "LOOO" → "LOOOO". (Використовуйте розгорнутий запис.)

LO

Task 5.

Створіть input і кнопку. По натисканню на кнопку виконується функція, яка виводить на сторінку число, яке ввів користувач, помножене на 10.

Input i-5

Task 6.

Створіть div. Отримайте його в змінну out6. За допомогою innerHTML запишіть в нього рядок:

<img src="https://cdn4.iconfinder.com/data/icons/food-and-drink-flat-gradient/32/cone_ice_cream_food_drink_sweet-512.png" alt="">

Зверніть увагу. Вам доведеться вставити рядок, який вже містить лапки. Головне щоб лапки чергувалися. Тому при вставці оберніть цей рядок одинарними лапками.

Task 7.

Створіть кнопку з початковим значенням 1. При кожному кліку на кнопку збільшуйте її значення на 1 (лічильник кліків).