Примечание

ЭТО АРХИВНАЯ ВЕРСИЯ КУРСА!

Материалы предназначаются для пересдающих дисциплину "ОП.04 - Основы алгоритмизации и программирования" в соответствии с учебными планами СПО годов набора ДО 2023-го.

Материалы были перенесены со старого сайта с минимальной доработкой, поэтому не все возможности курса могут работать как ожидается, где-то может слететь форматирование.

Домашние задания в рамках курса проверяться не будут!

Домашнее задание №3 по дисциплине ОП.04 - Основы алгоритмизации и программирования

Дана структура веб-приложения, состоящего из следующих частей:

index.html — веб-страница
script.js — файл скриптов

Содержимое каждого файла:

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ОП.04 - ДЗ №3</title>
</head>
<body>
  <h1>ОП.04 - ДЗ №3</h1>

  <p>
    Это файл домашнего задания №3, которое выполнил студент/студентка <strong id="student">ФИО</strong> в рамках изучения дисциплины ОП.04 - Основы алгоритмизации и программирования.
  </p>

  <script src="script.js"></script>
</body>
</html>

script.js

const student = "Иванов Иван Иванович"; // Очевидно, что здесь ваши личные Фамилия, Имя и Отчество

document.getElementById("student").innerHTML = student;

// Отсюда и ниже идет ваш код решения домашнего задания
// ...

После запуска файла index.html через Live Server в любом браузере (предпочтительно использовать Google Chrome актуальной версии), должна открыться страница на которую автоматически интерполируется значение константы student, содержащей Фамилию, Имя и Отчество студента.

Задание

Задача о приветствии гостей

В отель накануне мероприятия должны заселиться несколько гостей по списку. Для каждого из гостей необходимо подготовить именные пластиковые карты доступа на территорию мероприятия.

Реализуйте программу на языке JavaScript, которая принимает на вход следующий список пользователей:

Пономарев Андрей Алексеевич, мужчина, 11.12.1980
Рыбакова Алина Семёновна, женщина, 16.04.1974
Молчанов Даниил Ильич, мужчина, 21.03.1984
Смирнова София Львовна, женщина, 02.01.1987
Владимиров Артём Григорьевич, мужчина, 07.12.1990
Маслова Елизавета Егоровна, женщина, 10.10.1997
Назарова Вера Романовна, женщина, 01.05.1983
Иванов Иван Фёдорович, мужчина, 05.05.1999
Дмитриев Алексей Григорьевич, мужчина, 12.11.1998
Овчинников Платон Александрович, мужчина, 26.05.1999
Мартынова Софья Тимуровна, женщина, 07.06.1995
Соколов Михаил Адамович, мужчина, 11.03.1979

Программа должна подсчитать и вывести количество гостей всего и количество гостей каждого пола, после чего для каждого гостя вывести соответствующий список данных, которые будут записаны на пластиковые карты:

Фамилия
Первая буква имени с точкой
Первая буква отчества с точкой
Пол, одной буквой (М или Ж)
Возраст

Время запуска программа должна определять по часовому поясу компьютера на котором запущена, при расчете возраста необходимо также учитывать время запуска, так например для человека с датой рождения 11.12.1980 программа, запущенная после 11.12.2022 должна показать 42 года, а запущенная до этой даты показала бы ещё 41 год.

Например, вывод программы может быть таким (при запуске программы например 16.12.2022):

Всего гостей: 12
Мужчин: 7
Женщин: 5
Список гостей:
Пономарев А.А., М, Возраст: 42
Рыбакова А.С., Ж, Возраст: 48
Молчанов Д.И., М, Возраст: 38
Смирнова С.Л., Ж, Возраст: 35
Владимиров А.Г., М, Возраст: 32
Маслова Е.Е., Ж, Возраст: 25
Назарова В.Р., Ж, Возраст: 39
Иванов И.Ф., М, Возраст: 23
Дмитриев А.Г., М, Возраст: 24
Овчинников П.А., М, Возраст: 23
Мартынова С.Т., Ж, Возраст: 27
Соколов М.А., М, Возраст: 43

Подсказки

В решении поставленной задачи вам пригодится вспомнить как хранится и учитывается дата и время в JavaScript, а также подумать как правильно прочитать их из строки
Попробуйте представить данные о гостях в виде массива, содержащего объекты JavaScript, тогда вы легко сможете получить значения по соответствующим ключам
Также вам потребуется самостоятельно познакомиться с методами для преобразования строк
Приветствуется использование любых способов персонализации и оформления страницы. Если владеете стилями CSS, HTML-формами или анимацией — используйте в полной мере всё чем владеете, единственное ограничение что любые выразительные средства не должны нарушать логики работы программы!

Требования к оформлению

Задание должно быть выполнено локально на домашнем компьютере с использованием любой доступной среды разработки (предпочтительно использовать Visual Studio Code актуальной версии).

[!TIP]
Обращаю внимание, что для установки Visual Studio Code на компьютер вам может понадобиться инструкция: Инструкция по установке VSCode

Перед отправкой задание должно быть протестировано на работоспособность, после чего необходимо загрузить выполненное задание в публичный репозиторий на Github ↗.

Репозиторий должен называться:

homework_3

Ссылку на репозиторий с выполненным заданием необходимо прислать на электронную почту кафедры:

it@vshp.online

В теме письма ОБЯЗАТЕЛЬНО укажите код дисциплины, порядковый номер домашнего задания и свои имя и фамилию, например: «ОП.04 - ДЗ №3 - Иванов Иван», иначе преподаватель не сможет понять кому засчитать выполнение домашнего задания.

[!DANGER]
Какая-либо оценка за выполнение задания ставиться не будет, но при этом задания, не соответствующие в полной мере всем указанным требованиям приниматься к проверке НЕ БУДУТ!