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.

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