5 августа буду в отъезде. отвечаю по возможности

Практика на работу с формами во Vue

Дан инпут. В него вводится температура в градусах Фарингейта. Сделайте так, чтобы автоматически по мере ввода в абзац под инпутом эта температура выводилась в градусах Цельсия.

Реализуйте игру 'угадай число'. Суть: компьютер загадывает число от 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 должны появится кнопка и два инпута, в которых будет имя и возраст пользователя. По нажатию на кнопку данные должны поредактироваться, а инпуты и кнопка спрятаться.