BananaMaster

5 - Додаємо клікабельність кнопці в JavaScript (onclick)

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

Task 1.

Створіть дві змінні a = 7 і b = 9. Виведіть в консоль результат множення a на b.

Task 2.

Створіть дві змінні c = 7 і d = 9. Виведіть на сторінку в div з класом .out-2 результат ділення c на d.

Task 3.

Створіть дві змінні e3 = 3 і f3 = 'Hello'. Виведіть на сторінку в div з класом .out-3 результат додавання двох змінних.

Task 4.

Створіть дві змінні x1='Hello', x2 = 5. Створіть div, клас присвойте самостійно, виведіть в нього результат x1 - x2. Вивчіть результат операції.

Task 5.

Створіть параграф з класом five. Отримайте його в змінну a. За допомогою innerHTML запишіть всередину змінної a число 3.1415.

Task 6.

Створіть div з текстом Hello. Підключіть цей div у JavaScript, використовуючи js замініть текст Hello на Pro.

Hello

Task 7.

Створіть div з класом seven. Отримайте його в змінну div7. За допомогою 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 8.

Створіть div і кнопку. По натисканню на кнопку виконується функція, яка виводить в div слово "JavaScript".

Task 9.

Створіть h2 і кнопку. По натисканню на кнопку виконується функція, яка виводить в h2 результат цього рівняння "10 + 20". У відповіді ми повинні побачити "30".

Task 10.

Створіть h3 і кнопку. По натисканню на кнопку виконується функція, яка виводить в h3 результат цього рівняння "10 + 20". У відповіді ми повинні побачити "1020".