JS-01. Переменные и функции

На этой странице само задание. Конспект к занятию появится ниже, в «Материалах».

Задание

Самостоятельное задание №1: Работа с переменными

В этом задании вы потренируетесь в базовых операциях с переменными в JavaScript: объявление, присвоение значения и вывод через alert.

Шаги:

1. Объявите две переменные: adminName и userName.
2. В переменную userName запишите любое имя.
3. Скопируйте значение из userName в adminName.
4. Выведите на экран значение adminName через alert (должна показаться та строка, что вы указали в userName).

Самостоятельное задание №2: Понятные имена переменных

Нужно показать умение придумывать говорящие названия переменных. Цель: код читается без лишних комментариев.

Задачи:

1. Создать переменную для названия нашей планеты.
   • Как вы назовёте переменную, чтобы сразу было ясно, что там хранится именно название планеты?
   • Придерживайтесь camelCase.
2. Создать переменную для имени текущего посетителя.
   • Имя должно без комментариев давать понять, что в ней имя пользователя.
3. Добавить ещё две переменные на ваше усмотрение, тоже с понятными названиями.
   • Например: дата регистрации, роль (админ, пользователь, гость).

Самостоятельное задание №3: Работа с объектами

1. Создайте объект product со свойствами:
   • name (название товара, строка)
   • price (цена, число)
2. Добавьте свойство category (категория или тип товара).
3. Измените одно из уже существующих свойств. Например, обновите price.
4. Выведите объект и его отдельные свойства в консоль.

Самостоятельное задание №4: Работа со сложными объектами

1. Создайте объект student:
   • name (строка)
   • age (число)
   • courses (массив названий курсов)
   • address (объект с city, street, number)
2. Добавьте новый курс в массив courses. Например, "JavaScript".
3. Измените город. Например, с "Москва" на "Санкт-Петербург".
4. Удалите один из курсов из массива. Например, первый.
5. Добавьте свойство grades (оценки по каждому курсу). Например:

grades: {
  Math: 5,
  Physics: 4,
},

6. Выведите информацию о студенте в консоль в удобочитаемом формате. Пример вывода:

Информация о студенте:
Имя: Алексей
Возраст: 21
Город: Санкт-Петербург
Адрес: Ленина ул., д.10
Изучаемые курсы: Физика, JavaScript
Оценки по курсам: { Физика: 4, JavaScript: 5 }

Самостоятельное задание №5: Разбор кода (не обязательно)

Что будет выведено в результате выполнения следующего кода?

const a = { value: 3 };
const b = a;
b.value++;
 
let c = 3;
let d = c;
d++;
 
console.log(a.value, c);

Пояснение:

Одной из наиболее частых числовых операций является увеличение или уменьшение на единицу. Для этого существуют специальные операторы:

• Инкремент ++ увеличивает переменную на 1
• Декремент -- уменьшает переменную на 1

Самостоятельное задание №6: Создание функций

1. Создайте функцию greet, которая принимает name и возвращает строку "Привет, [Имя]!".

greet("Анна"); // "Привет, Анна!"

2. Создайте функцию sum, которая принимает a и b и возвращает сумму.

sum(5, 3); // 8

3. Создайте функцию isEven, которая возвращает true для чётного числа и false для нечётного.

isEven(4); // true
isEven(7); // false

4. Создайте функцию calculateArea с параметрами width и height. Площадь = ширина * высота.

calculateArea(5, 10); // 50

5. Вызовите все функции и выведите результаты через console.log.

console.log(greet("Анна")); // "Привет, Анна!"
console.log(sum(5, 3)); // 8
console.log(isEven(4)); // true
console.log(calculateArea(5, 10)); // 50

Самостоятельное задание №7: Функции и условные операторы (не обязательно)

Создайте функции с if / if...else / else.

1. checkAge(age):
   • меньше 18: "Доступ запрещён: возраст меньше 18 лет."
   • от 18 до 59 включительно: "Доступ разрешён: добро пожаловать!"
   • 60 и выше: "Доступ разрешён: добро пожаловать! Особые привилегии."
2. getDiscount(totalAmount):
   • меньше 1000: 0
   • от 1000 до 5000 включительно: 5
   • больше 5000: 10
3. greetUser(name, age) использует checkAge и возвращает приветствие. Например, имя «Анна» и возраст 25: "Привет, Анна! Доступ разрешён: добро пожаловать!"
4. Вызовите функции и выведите результаты:

console.log(checkAge(16)); // "Доступ запрещён: возраст меньше 18 лет."
console.log(getDiscount(3000)); // 5
console.log(greetUser("Анна", 25)); // "Привет, Анна! Доступ разрешён: добро пожаловать!"

Материалы

Появятся позже.