This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Напишите скрипт имитирующий авторизацию администратора в панели управления. | |
При загрузке страницы у посетителя запрашивается логин через prompt: | |
- Если посетитель нажал Cancel — показывать alert с текстом 'Отменено пользователем!' | |
- Если было введено что либо другое, что не совпадает со значением константы adminLogin, | |
показывать alert с текстом 'Доступ запрещен, неверный логин!' | |
- Если был введен логин совпадающий со значением константы adminLogin, | |
спрашивать пароль через prompt. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Написать следующий скрипт: | |
- При загрузке страницы пользователю предлагается ввести через prompt число. | |
Число введенное пользователем записывается в массив чисел. | |
- Операция ввода числа пользователем и сохранение в массив продолжается до | |
тех пор, пока пользователь не нажмет Cancel в prompt. Используйте цикл do...while. | |
- После того как пользователь прекратил ввод нажав Cancel, необходимо взять |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Есть массив logins с логинами пользователей. Напишите скрипт добавления логина в массив logins. | |
Добавляемый логин должен: | |
- проходить проверку на длину от 4 до 16-ти символов включительно | |
- быть уникален, то есть отсутствовать в массиве logins | |
🔔 Разбейте задачу на подзадачи с помощью функций. | |
Напишите функцию isLoginValid(login), в которой проверьте количество символов |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Создайте скрипт кассира, который получает список продуктов и деньги, | |
подсчитывает общую стоимость продуктов, и в зависимости от того хватает | |
денег или нет, уведомляет покупателя о результате. | |
*/ | |
/* Есть база данных товаров, в формате "имя-товара":"цена за одну единицу" */ | |
const products = { | |
bread: 10, | |
milk: 15, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Используя массив (users) объектов пользователей, напишите функции которые с помощью | |
* функциональных методов массивов (никаких for, splice и т.д.) выполняют указанные операции. | |
*/ | |
/** | |
* Получить массив имен (поле name) всех пользователей | |
*/ | |
const getAllNames = arr => {...}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Сеть фастфудов предлагает несколько видов гамбургеров. | |
Основа (булочка) гамбургера может быть большой или маленькой (обязательно): | |
- маленькая (+30 денег, +50 калорий) | |
- большая (+50 денег, +100 калорий) | |
Гамбургер может быть с одной из нескольких видов начинок (обязательно): | |
- сыром (+15 денег, +20 калорий) | |
- салатом (+20 денег, +5 калорий) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
1. Модифицируйте готовую функцию createPostCard() из задания | |
номер 6 (https://codepen.io/goit-fe-adv/pen/MVPaeZ) так, | |
чтобы она принимала объект post с данными для заполнения полей | |
в карточке. | |
2. Создайте функцию createCards(posts), которая принимает массив | |
объектов-карточек, вызывает функцию createPostCard(post) столько | |
раз, сколько объектов в массиве, сохраняя общий результат и возвращает | |
массив DOM-элементов всех постов. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Создайте компонент галлереи изображений следующего вида. | |
<div class="image-gallery js-image-gallery"> | |
<div class="fullview"> | |
<!-- Если выбран первый элемент из preview --> | |
<img src="img/fullview-1.jpeg" alt="alt text 1"> | |
</div> | |
<!-- li будет столько, сколько объектов в массиве картинок. Эти 3 для примера --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Реализуйте форму фильтра товаров в каталоге и список отфильтрованных товаров. | |
Используйте шаблонизацию для создания карточек товаров. | |
Есть массив объектов (дальше в задании), каждый из которых описывает | |
ноутбук с определенными характеристиками. | |
Поля объекта по которым необходимо производить фильтрацию: size, color, release_date. | |
Поля объекта для отображения в карточке: name, img, descr, color, price, release_date. | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Создайте скрипт секундомера. | |
По ссылке можно посмотреть пример выбрав Stopwatch http://www.online-stopwatch.com/full-screen-stopwatch/ | |
Изначально в HTML есть разметка: | |
<div class="stopwatch"> | |
<p class="time js-time">00:00.0</p> | |
<button class="btn js-start">Start</button> | |
<button class="btn js-take-lap">Lap</button> |
OlderNewer