Задача: создать простую интерактивную игру "Угадай число". В игре должно быть три уровня сложности. Игрок должен угадать число за определенное количество попыток, иначе игра проиграна. При каждой попытке должна выводиться информация о том, больше или меньше загаданное число введенного.

Пример кода находится в комментариях

Эта задача может быть применена на различных веб-сайтах или мобильных приложениях в качестве интерактивного развлечения для пользователей.

Написать скрипт, который будет парсить XML-файл, содержащий информацию о курсе валют, и выводить на страницу таблицу с данными о курсах валют на текущий день. Данные должны автоматически обновляться каждую минуту. Также необходимо добавить возможность выбора валюты из списка для отображения на графике ее изменения курса за последний месяц. График должен быть интерактивным и иметь возможность масштабирования и перемещения, а также отображения подробной информации при наведении на точки графика.

Напишите программу на JavaScript для создания функции, которая вызывает fn с частями, добавленными к полученным аргументам

Давай ответим на пару вопросов:)

Какие типы данных бывают в JavaScript?

Каким будет результат выполнения кода?

let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);

Разработать интерактивную веб-страницу для онлайн-магазина. Страница должна содержать список товаров, отображаемых в виде карточек, с возможностью сортировки по различным параметрам (название, цена и т.д.). Также нужно предусмотреть поиск по каталогу, фильтрацию товаров по различным критериям и возможность добавления выбранных товаров в корзину. Для удобства пользователя нужно реализовать автозаполнение при поиске, возможность добавления товара в список избранных и отображение имеющихся товарных предложений. Приложение должно быть написано на JavaScript с использованием фреймворка React и объединено с API-службами для получения актуальной информации о наличии и цене товаров в реальном времени.

Написать функцию, которая находит наибольшее число в массиве и возвращает его. Если массив пустой, функция должна вернуть null. Функцию назвать getMaxNumber.

Написать функцию на JavaScript, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения. Решение должно быть эффективным и не использовать встроенные методы массивов, такие как filter или includes.

Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения:

function uniqueArray(arr) {
const obj = {};
const output = [];

for (let i = 0; i < arr.length; i++) {
const item = arr[i];
if (!obj[item]) {
obj[item] = true;
output.push(item);
}
}

return output;
}
Как это работает:

Мы создаем объект obj
Мы создаем пустой массив output
Мы проходим по исходному массиву arr
Если obj не содержит элемент item значения как свойство, то мы добавляем его в obj и output
Это решение имеет временную сложность O(n), потому что мы проходим по каждому элементу массива ровно один раз.

Хай! Сегодня твоя #задача :

Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".

Хай! Для тебя две лёгкие задачки:)

Создайте функцию, которая принимает два числа и возвращает их сумму.

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

Создание стилизованных радио-кнопок
уровень: средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS

Сделайте radio-кнопки как на изображении

Можно использовать только HTML и CSS.

Решение: https://codepen.io/dmitryvalak/pen/jOEXjvL

Задача по HTML и CSS: создание HTML таблиц и работа с ними

Выполните все пункты задания и сравните с результатом.

1.Создайте папку в удобном для вас месте на вашем компьютере
2. В этой папке создайте новый HTML документ - index.html
3. В index.html создайте HTML скелет документа
4. Создайте новый CSS файл - style.css
5. Подключите CSS файл к HTML файлу
6. Создайте таблицу состоящую из 5 строк и 5 столбцов, укажите таблице класс table
7. Первую строку оберните в тег thead и столбцы переделайте в заглавные столбцы (th)
8. Последнюю строку оберните в тег tfoot
9. Оставшиеся строки оберните в тег tbody
10. Обозначьте столбцы первой строки заголовками, прописав текст (первый - №, второй - Имя, третий - E-mail, четвертый - Пол, пятый - Дата) в тегах th
11. Заполните строки, которые находятся в tbody любыми произвольными данными
12. В последней строке, которая находится в tfoot, объедините все столбцы в один, используя соответствующий атрибут для td
13. В получившимся столбце напишите текст "Всего: 3"
14. В CSS файле создайте селектор .table td, .table th и создайте сплошную границу толщиной в 1 пиксель и цветом #ccc; и задайте внутренний отступ сверху и снизу по 5px, слева и справа по 10px
15. Создайте селектор .table и объедините границы ближайших столбцов при помощи специального свойства (ищите в поиске "поведение границ таблицы"), так же задайте таблице ширину 500px;
16. Создайте селектор .table thead и измените цвет фона на #f0f1f4;
17. Создайте селектор .table tfoot и измените цвет фона на #121212;, цвет текста на #fff; и текст прижать к правому краю

Результат: https://codepen.io/dmitryvalak/pen/zYxMWoJ

​​Создание постраничной навигации
уровень: начинающий

Задача по HTML и CSS: создайте простую постраничную навигацию
Элементы навигации должны быть по центру
Размер элементов навигации 40х40
Фон элементов навигации #ddd, цвет текста #333, текст по центру по двум осям
Фон элементов навигации при наведении #ccc
Фон активного элемента навигации #d10953, цвет текста #fff
Расстояние между элементами навигации 6px
Для создание стрелок используйте специальные символы HTML
Пример на картинке

Решение: https://codepen.io/dmitryvalak/pen/WNbPzJG

Ставь лайк)

​​Создание "хлебных крошек"
уровень: начинающий
Задача: создайте "хлебные крошки" используя HTML и CSS
На изображении показано как должны выглядеть "хлебные крошки"
Используйте список для создания структуры хлебных крошек
Стрелочки должны быть реализованы через псевдо-элемент after для всех элементов списка, кроме последнего
В последнем элементе списка должен быть span, в остальных - ссылки
Цвет ссылок #0b56ea, без подчеркивания, при наведении подчеркивать ссылки снизу
Цвет текста в span #333;

Решение: https://codepen.io/dmitryvalak/pen/VwYgdjW

​​Создание формы регистрации

Уровень: начинающий
Условия: создайте форму регистрации используя HTML и CSS, как на указанном изображении
Решение: https://codepen.io/dmitryvalak/pen/XWJOVqw

Не забудь поставить лайк)

Создание стилизованных чекбоксов
Уровень: средний
Условие: Сделайте чекбоксы как на изображении. Можно использовать только HTML и CSS. Иконку галочки можете найти на сайте flaticon.com
Решение: https://codepen.io/dmitryvalak/pen/zYxyVRa

Может добавить задач по JS?

Создание кнопок используя em
Уровень: средний
Условия: Создайте кнопки используя единицы измерения em в необходимых местах. Кнопки трех размеров: обычная, маленькая (sm) и большая (xl). За основу берите обычную кнопку
Для разных размеров кнопок можно изменять только размер шрифта, остальное должно изменяться автоматически (внутренний отступ, скругление границ и тень)
Кнопки должны быть стилизованы одинаково при использовании тегов как a так и button
Решение: https://codepen.io/dmitryvalak/pen/GRgzdpZ

Задача: Переверните число задом наперед
Уровень: легкий
Условия: Напишите функцию JavaScript, которая переворачивает число.
Решение: по ссылке

Задача: Проверьте, является ли переданная строка палиндромом или нет
Уровень: Легкий
Условие: Напишите функцию JavaScript, которая проверяет, является ли переданная строка палиндромом? Палиндром - это слово, фраза или последовательность, которые читаются так же, как вперед, назад, например, level.
Решение: тут

Задача: Функция, которая генерирует все комбинации строки
Уровень: Легкий
Условие: Напишите функцию substrings(str), которая генерирует все комбинации строки. Пример строки: 'dog'. Ожидаемый результат: d, o, do, g, dg, og, dog.
Решение: тут