К содержанию

Самостоятельная работа JS-01

Практика после изучения темы JS-01. Основы языка.

На этой странице

Сначала пройдите материалы этой части. Затем выполните шаги ниже и проверьте результат в консоли браузера.

Самостоятельная работа

Выполняйте шаги по порядку и проверяйте результат через console.log. alert показывает значение в небольшом окне браузера; здесь он нужен только как первый способ увидеть результат.

1. Переменные и имена

  1. Создайте userName и запишите туда любое имя.
  2. Скопируйте значение в adminName и покажите его через alert.
  3. Создайте переменные для названия планеты, даты регистрации и роли пользователя. Запишите имена в camelCase: первое слово начинается со строчной буквы, а каждое следующее – с заглавной, например userName.

2. Условия и функции

Создайте и вызовите функции. Результаты выводите через console.log.

  • checkAge(age) возвращает сообщение: до 18 лет доступ запрещен, от 18 до 59 разрешен, от 60 разрешен с особыми привилегиями.
  • getDiscount(totalAmount) возвращает скидку: 0 при сумме меньше 1000, 5 при сумме от 1000 до 5000 включительно, 10 при сумме больше 5000.
  • greetUser(name, age) использует checkAge и возвращает приветствие с результатом проверки.
  • sum(a, b) возвращает сумму; isEven(number) возвращает true для четного числа; calculateArea(width, height) возвращает площадь прямоугольника.

Проверьте граничные значения: возраст 17, 18, 60; суммы 999, 1000, 5000, 5001.

3. Объект товара

Создайте объект product со свойствами name (строка) и price (число). Добавьте category, измените цену, затем выведите весь объект и каждое свойство отдельно.

4. Вложенные данные студента

Создайте student со свойствами name, age, address (вложенный объект с городом и улицей) и grades (объект оценок):

script.js
const student = {
  name: "Алексей",
  age: 21,
  address: {
    city: "Москва",
    street: "Ленина",
  },
  grades: {
    physics: 4,
    javascript: 5,
  },
};

Выведите данные в читаемом виде. После темы об объектах попробуйте прочитать город через student.address.city.

5. Что копируется при присваивании

До запуска предскажите результат, затем объясните его своими словами:

script.js
const firstStudent = { score: 3 };
const secondStudent = firstStudent;
secondStudent.score++;
 
let firstScore = 3;
let secondScore = firstScore;
secondScore++;
 
console.log(firstStudent.score, firstScore);

Оператор ++ увеличивает значение на единицу. Проследите отдельно за объектом и числом.