Mar 1, 2024 · Nov 6, 2023 · Nov 6, 2023 · Feb 21, 2024 · Feb 21, 2024 · Feb 22, 2024
diff --git a/1-js/99-js-misc/07-weakref-finalizationregistry/article.md b/1-js/99-js-misc/07-weakref-finalizationregistry/article.md
diff --git a/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-dom.view/index.html b/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-dom.view/index.html
 <!DOCTYPE HTML>
 <html lang="en">
 <html lang="uk">

 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="index.css">
  <title>WeakRef DOMLogger</title>
  <title>WeakRef DOMЛогер</title>
 </head>

 <body>

 <div class="app">
  <button class="start-messages">Start sending messages</button>
  <button class="start-messages">Почати відправку повідомлень</button>
  <div class="window">
    <div class="window__header">
      <p class="window__title">Messages:</p>
      <button class="window__button">Close</button>
      <p class="window__title">Повідомлення:</p>
      <button class="window__button">Закрити</button>
    </div>
    <div class="window__body">
 No messages.
 Немає повідомлень.
    </div>
  </div>
 </div>
diff --git a/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-dom.view/index.js b/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-dom.view/index.js

 closeWindowBtn.addEventListener('click', () =>  document.querySelector(".window__body").remove()); // (5)


 const startMessages = (element) => {
    const timerId = setInterval(() => { // (6)
        if (element.deref()) { // (7)
            const payload = document.createElement("p");
            payload.textContent = `Message: System status OK: ${new Date().toLocaleTimeString()}`;
            payload.textContent = `Повідомлення: Статус системи OK: ${new Date().toLocaleTimeString()}`;
            element.deref().append(payload);
        } else { // (8)
            alert("The element has been deleted."); // (9)
            alert("Елемент було видалено."); // (9)
            clearInterval(timerId);
        }
    }, 1000);
 };
 };
Original file line number	Diff line number	Diff line change
		@@ -1,23 +1,23 @@
		<!DOCTYPE HTML>
		<html lang="en">
		<html lang="uk">

		<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="index.css">
dolgachio marked this conversation as resolved. Show resolvedHide resolved
		<title>WeakRef DOMLogger</title>
		<title>WeakRef DOMЛогер</title>
		</head>

		<body>

		<div class="app">
		<button class="start-messages">Start sending messages</button>
		<button class="start-messages">Почати відправку повідомлень</button>
		<div class="window">
		<div class="window__header">
		<p class="window__title">Messages:</p>
		<button class="window__button">Close</button>
		<p class="window__title">Повідомлення:</p>
		<button class="window__button">Закрити</button>
		</div>
		<div class="window__body">
		No messages.
		Немає повідомлень.
		</div>
		</div>
		</div>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -9,16 +9,15 @@ startMessagesBtn.addEventListener('click', () => { // (4)

		closeWindowBtn.addEventListener('click', () => document.querySelector(".window__body").remove()); // (5)


		const startMessages = (element) => {
		const timerId = setInterval(() => { // (6)
		if (element.deref()) { // (7)
		const payload = document.createElement("p");
		payload.textContent = `Message: System status OK: ${new Date().toLocaleTimeString()}`;
		payload.textContent = `Повідомлення: Статус системи OK: ${new Date().toLocaleTimeString()}`;
		element.deref().append(payload);
		} else { // (8)
		alert("The element has been deleted."); // (9)
		alert("Елемент було видалено."); // (9)
		clearInterval(timerId);
		}
		}, 1000);
		};
		};