Проверяем, есть ли подключение к интернету!

Web API позволяет узнать, доступна ли сеть, а события online и offline — реагировать на потерю соединения. Это пригодится для офлайн-режима, сохранения черновиков или уведомлений.

Проверим текущее состояние:

console.log("Онлайн:", navigator.onLine);
// → true или false

Добавим реакцию на изменение статуса:

window.addEventListener("online",  () => console.log("✅ Интернет восстановлен"));
window.addEventListener("offline", () => console.log("❌ Соединение потеряно"));

Теперь оформим динамический индикатор:

function updateStatus() {
  document.body.textContent = navigator.onLine 
    ? "🟢 Онлайн" 
    : "🔴 Оффлайн";
}
window.addEventListener("online", updateStatus);
window.addEventListener("offline", updateStatus);
updateStatus();

🔥 Интерфейс может мгновенно реагировать на пропадание сети — показывать баннер, отключать кнопки или сохранять действия в очередь.

📣 JS Ready | #практика

👩‍💻 Вы знали, что проверять и отлаживать регулярки можно прямо в VS Code?

Regex Previewer — плагин, который тестирует регулярные выражения в реальном времени на образце текста, который совпадает с вашим выделенным текстом. Расширение включает подробную справку по синтаксису и готовые шаблоны, которые можно сразу использовать в коде.

📣 JS Ready | #vscode

Хеширование строки на JavaScript!

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

Сначала определим основу функции и переменные:

function hash(str) {
  let h = 0;
  for (let i = 0; i < str.length; i++) {
    h = (h << 5) - h + str.charCodeAt(i);

Затем завершим вычисление и приведём результат к беззнаковому 32-битному числу:

    h |= 0; // Приведение к 32-битному целому
  }
  return (h >>> 0).toString(16); // Беззнаковое представление
}

Передаём строку и получаем хеш:

console.log(hash("Hello, world!"));

Результат:

8ff0cbf5

🔥 Теперь вы можете создавать собственные короткие хеши — подходит для идентификаторов, сравнения данных и простых токенов.

📣 JS Ready | #практика