Практикум №4

Категория: JavaScript



В данном уроке мы добавим наши функции в объект appData, превратив их, таким образом, в методы этого объекта.

Задачи:

1. Перенести все ранее созданные нами функции в объект appData.

2. Добавить в объект appData новый метод chooseIncome, отражающий дополнительный доход пользователя.
Для получения информации от пользователя будем использовать prompt() с вопросом: "Что принесёт дополнительный доход? (Перечислите через запятую)"
И второй вопрос, уточняющий, который будет задаваться после первого: "Может быть что-то еще?"

С помощью метода split() передать полученную информацию от пользователя в свойство income: [] объекта appData.

Отсортировать в свойстве income с помощью метода sort() полученную от пользователя информацию.

3. Написать проверку того, что пользователь в диалоге с вопросом "Что принесёт дополнительный доход? (Перечислите через запятую)" может ввести только строку, не оставит строку пустой, а также не сможет отменить вопрос.

4. Данная задача должна быть реализована внутри метода chooseIncome объекта appData.

Вывести на экран сообщение о способах дополнительного заработка, используя метод перебора массива forEach.
Сообщение должно содержать заголовок "Способы доп. заработка: " и полученные от пользователя данные о способах дополнительного заработка, которые должны иметь нумерацию, начиная с 1 (не с нуля!)

5. Используя цикл for in, вывести в консоль "Наша программа включает в себя данные: " (содержимое объекта appData).

14.03.2020

Практикум №3

Категория: JavaScript



В этом уроке мы продолжим дорабатывать программу, которую начали писать в предыдущих двух уроках, но теперь мы задействуем функции!

Задачи:

1. Оформить блок кода с вопросами "Ваш бюджет на месяц" и "Введите дату в формате YYYY-MM-DD" в виде функции start(), предусмотреть варианты, при которых пользователь вводит некорректные данные в поля модальных окон.

2. Оформить в виде функции chooseExpenses() блок выбора обязательных расходов.

3. Полученную цифру ежедневного бюджета (moneyPerDay) округлить до двух знаков после запятой с помощью метода toFixed()

4. Написать функцию checkSavings() расчёта ежемесячного дохода с накоплений пользователя (если таковые у него имеются), при этом необходимо задать пользователю следующие вопросы: "Какова сумма накоплений?" и "Под какой процент?"

5. Расчёт дневного дохода и его вывод на экран оформить как функцию detectDayBudget()

6. Блок кода с расчётом уровня доходов пользователя оформить как функцию detectLevel()

7. Создать функцию chooseOptExpenses(), определяющую необязательные расходы, при этом вопрос пользователю "Статья необязательных расходов?" необходимо задать 3 раза.
Ответы должны быть записаны в объект optionalExpenses в формате Номер: Ответ, например:

Код

optionalExpenses = {
  1: "Ответ на вопрос"
}

11.03.2020

Практикум №2

Категория: JavaScript



Продолжение предыдущего урока. В этой части мы займёмся оптимизацией кода, полученного нами в практикум №1.

Задачи:

1. Написать цикл if/else, который будет задавать вопросы пользователю.

2. Учесть в цикле условия:

- пользователь вводит в ответ не числовое значение
- пользователь при открытии диалогового окна диалога prompt() нажал "Отмена"
- пользователь, ничего не введя в диалоговом окне, нажал "Ок"
- запретить ввод пользователем количества символов, большего 50
- Предусмотреть вариант, что ни одно из условий не сработало
3. Добавить в объект appData новое свойство (ежедневный бюджет) moneyPerDay

4. Вывести в консоль, в зависимости от ежедневного дохода (moneyPerDay), определение дохода пользователя:

- если ежедневный бюджет менее 500, считать низким уровнем доходов пользователя
- если более 500, но менее 1000 - средним уровнем доходов
- если более 1000, то высоким

07.03.2020

Практикум №1

Категория: JavaScript



Задачи:

1. Создать HTML-страницу и в её коде подключить файл скрипта с именем script.js

2. Создать файл скрипта script.js и внутри него объявить две переменные: money и time.
Переменная money будет получать ответ пользователя на вопрос: "Ваш бюджет на месяц?"
Переменная time будет также получать ответ пользователя, но уже на другой вопрос: "Введите дату в формате YYYY-MM-DD".

3. Создать объект appData с данными:
- бюджет (передаём сюда значение из переменной money)
- данные времени (передаём сюда значение переменной time)
- объект expenses в котором будут храниться данные об обязательных расходах
- объект optionalExpenses в котором будут храниться данные о необязательных расходах
- массив income для хранения данных о дополнительных доходах
- свойство savings с первоначальным значением false

4. Задать (по 2 раза) следующие вопросы пользователю:
- "Введите обязательную статью расходов в этом месяце"
- "Во сколько обойдется?"
Ответы необходимо записать в объект expenses в виде:

Код
expenses: {
'Ответ на первый вопрос': 'Ответ на второй вопрос'
}


5. Вывести на экран (с помощью alert) ежедневный бюджет пользователя (с учетом месяца в 30 дней).

05.03.2020

« 1 2