snipplets.dev/code/JavaScript/README.md

# JavaScript

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

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

## Массивы

- [arrays.js](Arrays/arrays.js) - Примеры методов работы с массивами
- [`forEach`](Arrays/forEach.js) - Пример метода `forEach`

## Basic
- [Arrays](arrays.js) - работа с массивами
- [Spread syntax](spread.js) - распаковка массива в аргументы
- [location.href](location.href.js) - Переход на другую страницу
- [Text Content](textContent.js) - Получить текстовое содержимое элемента
- [Add DOM Elements](addElements.js) - Добавление элементов в DOM
- [Add Class](addClass.js) - Добавление/Удаление классов

## Advanced
- [Intl.DateTimeFormat](Intl.DateTimeFormat.js) - форматировнные строки из дат

## Перебор элементов
- [Object.entries()](Object.entries.js) - Перебор объектов, ассоционных массивов

## Requests
- [fetch](fetch.js) - Fetch запрос JSON данных
- [xhr](xhrPostForm.js) - отправка формы POST запросом используя XHR

## Other
- [Webpack](webpack.md) - Пример конфигурации `webpack`

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

## GameDev
- Canvas [GameLoop](gameLoop.js) - Пример игрового цикла