Skip to content
424 changes: 212 additions & 212 deletions 1-js/99-js-misc/07-weakref-finalizationregistry/article.md

Large diffs are not rendered by default.

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">
Comment thread
dolgachio marked this conversation as resolved.
<title>WeakRef DOM Logger</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);
};
};
Loading