Учимся программировать на чистом JavaScript (Vanilla JS)

Vanilla JS - это термин, который используется для описания использования чистого, нативного JavaScript без использования каких-либо сторонних библиотек или фреймворков. Вместо этого разработчики используют функции, методы и свойства, предоставляемые языком.

Примеры кода на Vanilla JS:

1. Событийное программирование

document.getElementById('button').addEventListener('click', function() {
  // выполнение функции при клике на кнопку
});

2. Изменение CSS стилей

document.getElementById('element').style.backgroundColor = 'blue';

3. Создание HTML элементов

var newElement = document.createElement('div');
newElement.textContent = 'Новый элемент';
document.body.appendChild(newElement);

4. AJAX запросы

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send();

5. Работа с локальным хранилищем

localStorage.setItem('name', 'John');
var name = localStorage.getItem('name');
console.log(name); // Выведет 'John'

Все эти примеры написаны с использованием чистого JavaScript и не требуют использования сторонних библиотек или фреймворков. Это позволяет более точно контролировать и управлять кодом, а также повышает производительность приложения.