BananaMaster

7 - Як отримати дані з поля вводу (input value в JavaScript)

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

Task 1.

Створіть дві змінні e1 = 3 і f1 = 5. Виведіть на сторінку в div з класом .out-1 результат додавання e1 + f1.

Task 2.

Створіть дві змінні e2 = '3' і f2 = 5. Виведіть на сторінку в div з класом .out-2 результат додавання e2 + f2.

Task 3.

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

Task 4.

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

Task 5.

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

Task 6.

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

Task 7.

Створіть input з класом .i-7 і кнопку. По натисканню на кнопку виконується функція, яка додає на сторінку те, що користувач ввів в input. Саме додає: якщо натиснути на кнопку вдруге, текст додасться до старого.

Input i-7

Task 8.

Створіть input з класом .i-8 і кнопку. По натисканню на кнопку виконується функція, яка виводить на сторінку те, що користувач ввів в input. Додайте очищення input після натискання кнопки.

Input i-8

Task 9.

Створіть два input (i_9_1 і i_9_2) і кнопку. В перший input користувач вводить текст. При натисканні на кнопку виконується функція, яка виводить в другий input текст з першого.

Input i_9_1
Input i_9_2

Task 10.

Створіть два input (i_10_1 і i_10_2), div і кнопку. В перший input користувач вводить ім'я, в другий — вік. При натисканні кнопки виконується функція, яка виводить в div рядок 'Hello ім'я вік', де ім'я беремо з першого input і вік — з другого.

Input i-10-1
Input i-10-2