.container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.overlay {
  position: absolute;
  inset: 0;
}

function initModal() {
  window.addEventListener("resize", onResize);
}

function onResize() {
  console.log("resize");
}

element.addEventListener("click", () => {
  console.log("click");
});

function handleClick() {
  console.log("click");
}

element.addEventListener("click", handleClick);

element.removeEventListener("click", handleClick);

function initModal() {
  const modal = document.querySelector(".modal");
  const bigData = Array.from({ length: 100_000 }, () => ({}));

  function onResize() {
    if (!modal) return;
    modal.style.width = window.innerWidth + "px";
  }

  window.addEventListener("resize", onResize);
}

function initModal() {
  const modal = document.querySelector(".modal");

  function onResize() {
    if (!modal) return;
    modal.style.width = window.innerWidth + "px";
  }

  window.addEventListener("resize", onResize);

  return () => {
    window.removeEventListener("resize", onResize);
  };
}

🔊 Продолжайте читать на Habr!

const bugs = [
  { id: 1, title: "CSS не грузится", status: "open" },
  { id: 2, title: "API 500", status: "fixed" },
  { id: 3, title: "Кнопка не реагирует", status: "open" }
];

console.table(bugs);

console.log(
  "%cCRITICAL BUG DETECTED",
  "font-size: 18px; font-weight: bold; color: red;"
);

console.group("User Load Flow");
console.log("Запрос данных пользователя");
console.log("Запрос ролей");
console.groupEnd();

textarea {
  resize: both;
}

textarea {
  resize: none;
}

textarea {
  resize: vertical;
}

Оставляю ссылочку: GitHub 📱

🔊 Продолжайте читать на Habr!

const channel = new BroadcastChannel("app_sync");

channel.postMessage({
  type: "LOGOUT"
});

channel.onmessage = (event) => {
  console.log(event.data);
};

channel.onmessage = (event) => {
  if (event.data.type === "LOGOUT") {
    // Удаляем только auth-данные, без полного clear
    localStorage.removeItem("access_token");
    localStorage.removeItem("refresh_token");
    location.reload();
  }
};

function logout() {
  localStorage.removeItem("access_token");
  localStorage.removeItem("refresh_token");

  channel.postMessage({ type: "LOGOUT" });
}