Условие
Это первая тренировка по типам данных в JavaScript.
В файле
script.js
(он уже открыт слева) нужно описать вымышленную библиотеку двумя константами и показать карточку на странице.
HTML и CSS не трогайте - пишите только JavaScript.
Готовый текст на экране должен совпасть с вкладкой
«Результат».
Что нужно сделать
-
Создайте константу
libraryNameсо строкой'Читальный зал SeniorCode'(текст в кавычках). -
Создайте константу
libraryInfo- это объект в фигурных скобках{ … }. Внутри него четыре свойства (все внутри одних скобок, запятые между свойствами):-
booksCount: 180- число книг (без кавычек); -
staff: ['Лина', 'Павел', 'Юлия']- массив из трёх имён; -
genres: { prose: 70, tech: 55 }- вложенный объект с двумя жанрами; -
isOpen: true- логическое значение «открыта» (без кавычек).
-
-
Выведите карточку в
#outчерезdocument.getElementById('out').textContent = …. Пять строк как во вкладке «Результат»: название, число книг, сотрудники через запятую, жанрыprose — 70, tech — 55(тире длинное —), иОткрыта: true. Переносы строк собирайте через'\n'.
Подсказка для новичка
Пишите под комментарием
// >>> Пишите код здесь <<<.
Имена констант и свойств пишите латиницей точно так:
libraryName,
libraryInfo,
booksCount,
staff,
genres,
isOpen
- проверка ищет именно эти слова.
Не закрывайте
libraryInfo
точкой с запятой, пока не дописали все четыре свойства.
Если застряли - откройте «Дополнительную информацию» или нажмите «Помощник» (он только дописывает код по шагам).
Стартовый код
В редакторе почти пусто - только комментарий-маркер. Допишите решение в script.js, сверьте превью с вкладкой «Результат» и нажмите Проверить.
Вот так должно получиться
В #out: карточка библиотеки
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
Слева три файла:
script.js (сюда пишете решение),
index.html и
style.css (готовые - не меняйте).
На странице уже есть пустой абзац
id="out"
- в него вы выведете карточку.
Что значат слова в коде
const- создать константу (имя слева, значение справа от=).'текст'или"текст"- строка (тип string).180,70- числа (без кавычек).['а', 'б']- массив (список в квадратных скобках).{ ключ: значение }- объект (набор свойств).true/false- логический тип boolean, без кавычек.libraryInfo.booksCount- взять свойство объекта по имени после точки.staff.join(', ')- склеить имена массива в одну строку через запятую и пробел.'\n'- символ новой строки внутри текста.
1. Строка libraryName
const libraryName = 'Читальный зал SeniorCode';
2. Объект libraryInfo
Скопируйте структуру (имена свойств латиницей обязательны):
const libraryInfo = {
booksCount: 180,
staff: ['Лина', 'Павел', 'Юлия'],
genres: {
prose: 70,
tech: 55
},
isOpen: true
};
3. Вывод в #out
Соберите пять строк через
+
и
'\n'.
Пример полного вывода:
document.getElementById('out').textContent =
'Библиотека: ' + libraryName + '\n' +
'Книг: ' + libraryInfo.booksCount + '\n' +
'Сотрудники: ' + libraryInfo.staff.join(', ') + '\n' +
'Жанры: prose — ' + libraryInfo.genres.prose + ', tech — ' + libraryInfo.genres.tech + '\n' +
'Открыта: ' + libraryInfo.isOpen;
В строке про жанры используйте длинное тире
—
(как во вкладке «Результат»), не короткий минус
-.
Коротко:
libraryName
(строка) →
libraryInfo
(число + массив + объект +
true
) → запись в
#out.