Дан инпут. В него вводится температура в градусах Фарингейта. Сделайте так, чтобы автоматически по мере ввода в абзац под инпутом эта температура выводилась в градусах Цельсия.
Реализуйте игру 'угадай число'. Суть: компьютер загадывает число от 1 до 100. В инпут на экране игрок вводит число от 1 до 100, пытаясь угадать, что же загадал компьютер. Если игрок ввел число, меньше загаданного, компьютер должен написать 'введите число побольше', а если введено больше загаданного, то, соответственно, компьютер должен написать 'введите число поменьше'. Если же игрок угадал число, игра начинается сначала.
Дан массив с юзерами:
[
{name: 'Коля', active: true},
{name: 'Вася', active: true},
{name: 'Петя', active: false},
];
Выведите его элементы в виде списка ul. Если юзер активный (поле active равно true), выведите его зеленым цветом, а если не активный - красным.
Продукты
Дана HTML таблица. В ней мы будем отображать купленные продукты. Каждый ряд таблицы - это один продукт, а именно: название продукта, его цена, количество и уплаченная сумма, которая равна цене умноженной на количество. Пусть продукты хранятся в следующего виде объекта:
[
{name: 'product1', price: 100, quantity: 4},
{name: 'product2', price: 200, quantity: 5},
{name: 'product3', price: 300, quantity: 6},
];
Ввыведите эти продукты в виде таблицы, в отдельной колонке рассчитав сумму. Под таблицей выведите полную стоимость всех продуктов.
Модифицируйте предыдущую задачу: пусть теперь таблица изначально пуста, зато под ней есть 3 инпута, в которые можно ввести название продукта, цену и количество, затем нажать на кнопку - и этот продукт добавится в таблицу. Отдельная колонка полной стоимости продукта также должна рассчитываться, как и полная стоимость всех добавленных продуктов.
Модифицируйте предыдущую задачу: сделайте также колонку со ссылкой 'удалить', по нажатию на которую будет удаляться соответствующий продукт.
Модифицируйте предыдущую задачу: сделайте так, чтобы по нажатию на любую ячейку в ней появлялся инпут, с помощью которого эту ячейку можно будет поредактировать.
Юзеры
Дан массив с юзерами:
[
{name: 'Коля', age: 30},
{name: 'Вася', age: 40},
{name: 'Петя', age: 50},
];
Выведите его элементы в виде списка ul. В каждой li будет имя и возраст юзера.
Модифицируйте предыдущую задачу так, чтобы в конце каждой li появилась ссылка 'редактировать'. По нажатию на эту ссылку под ul должны появится кнопка и два инпута, в которых будет имя и возраст пользователя. По нажатию на кнопку данные должны поредактироваться, а инпуты и кнопка спрятаться.