snipplets.dev/code/JavaScript

JavaScript

Взаимодействие с HTML

• element.classList - Добавление/удаление классов элемента
• document.createElement - Создание HTML элемента
• addEventListener() - Добавление обработчика событий
• attributes.js - Примеры методов работы с атрибутами элемента
• -

Массивы

• arrays.js - Примеры методов работы с массивами
• forEach - Пример метода forEach

Basic

• Arrays - работа с массивами
• Spread syntax - распаковка массива в аргументы
• location.href - Переход на другую страницу
• Text Content - Получить текстовое содержимое элемента
• Add DOM Elements - Добавление элементов в DOM
• Add Class - Добавление/Удаление классов

Advanced

• Intl.DateTimeFormat - форматировнные строки из дат

Перебор элементов

• Object.entries() - Перебор объектов, ассоционных массивов

Requests

• fetch - Fetch запрос JSON данных
• xhr - отправка формы POST запросом используя XHR

Other

• Webpack - Пример конфигурации webpack

Canvas

• drawText.js - Примеры рисования текста на <canvas>
• measureText() - Возвращает информацию о тексте, например ширину
• drawImage() - Метод Canvas 2D API для отрисовки изображения на холсте

GameDev

• Canvas GameLoop - Пример игрового цикла