Oct 31, 2023 · Oct 12, 2023 · Oct 23, 2023 · Oct 25, 2023 · Oct 28, 2023 · Oct 30, 2023
diff --git a/.../90-intl/1-collate-array-sort/solution.md → .../08-intl/1-collate-array-sort/solution.md b/.../90-intl/1-collate-array-sort/solution.md → .../08-intl/1-collate-array-sort/solution.md
diff --git a/...misc/90-intl/1-collate-array-sort/task.md → ...misc/08-intl/1-collate-array-sort/task.md b/...misc/90-intl/1-collate-array-sort/task.md → ...misc/08-intl/1-collate-array-sort/task.md
diff --git a/1-js/99-js-misc/90-intl/article.md → 1-js/99-js-misc/08-intl/article.md b/1-js/99-js-misc/90-intl/article.md → 1-js/99-js-misc/08-intl/article.md
diff --git a/1-js/99-js-misc/09-weakref-finalizationregistry/article.md b/1-js/99-js-misc/09-weakref-finalizationregistry/article.md
diff --git a/1-js/99-js-misc/09-weakref-finalizationregistry/google-chrome-developer-tools.png b/1-js/99-js-misc/09-weakref-finalizationregistry/google-chrome-developer-tools.png
diff --git a/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.css b/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.css
 .app {
    display: flex;
    flex-direction: column;
    gap: 16px;
 }

 .start-messages {
    width: fit-content;
 }

 .window {
    width: 100%;
    border: 2px solid #464154;
    overflow: hidden;
 }

 .window__header {
    position: sticky;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #736e7e;
 }

 .window__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
 }

 .window__button {
    padding: 4px;
    background: #4f495c;
    outline: none;
    border: 2px solid #464154;
    color: white;
    font-size: 16px;
    cursor: pointer;
 }

 .window__body {
    height: 250px;
    padding: 16px;
    overflow: scroll;
    background-color: #736e7e33;
 }
diff --git a/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.html b/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.html
 <!DOCTYPE HTML>
 <html>

 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="index.css">
 </head>

 <body>

 <div class="app">
  <button class="start-messages">Начать отправку сообщений</button>
  <div class="window">
    <div class="window__header">
      <p class="window__title">Сообщения:</p>
      <button class="window__button">Закрыть</button>
    </div>
    <div class="window__body">
      Нет сообщений.
    </div>
  </div>
 </div>


 <script type="module" src="index.js"></script>
 </body>
 </html>
diff --git a/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.js b/1-js/99-js-misc/09-weakref-finalizationregistry/weakref-dom.view/index.js
 const startMessagesBtn = document.querySelector('.start-messages'); // (1)
 const closeWindowBtn = document.querySelector('.window__button'); // (2)
 const windowElementRef = new WeakRef(document.querySelector(".window__body")); // (3)

 startMessagesBtn.addEventListener('click', () => { // (4)
    startMessages(windowElementRef);
    startMessagesBtn.disabled = true;
 });

 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 = `Сообщение: Статус системы OK: ${new Date().toLocaleTimeString()}`;
            element.deref().append(payload);
        } else { // (8)
            alert("Элемент был удалён."); // (9)
            clearInterval(timerId);
        }
    }, 1000);
 };
diff --git a/.../99-js-misc/09-weakref-finalizationregistry/weakref-finalizationregistry-01.svg b/.../99-js-misc/09-weakref-finalizationregistry/weakref-finalizationregistry-01.svg
diff --git a/.../99-js-misc/09-weakref-finalizationregistry/weakref-finalizationregistry-02.svg b/.../99-js-misc/09-weakref-finalizationregistry/weakref-finalizationregistry-02.svg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,49 @@
		.app {
		display: flex;
		flex-direction: column;
		gap: 16px;
		}

		.start-messages {
		width: fit-content;
		}

		.window {
		width: 100%;
		border: 2px solid #464154;
		overflow: hidden;
		}

		.window__header {
		position: sticky;
		padding: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #736e7e;
		}

		.window__title {
		margin: 0;
		font-size: 24px;
		font-weight: 700;
		color: white;
		letter-spacing: 1px;
		}

		.window__button {
		padding: 4px;
		background: #4f495c;
		outline: none;
		border: 2px solid #464154;
		color: white;
		font-size: 16px;
		cursor: pointer;
		}

		.window__body {
		height: 250px;
		padding: 16px;
		overflow: scroll;
		background-color: #736e7e33;
		}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,27 @@
		<!DOCTYPE HTML>
		<html>

		<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="index.css">
		</head>

		<body>

		<div class="app">
		<button class="start-messages">Начать отправку сообщений</button>
		<div class="window">
		<div class="window__header">
		<p class="window__title">Сообщения:</p>
		<button class="window__button">Закрыть</button>
		</div>
		<div class="window__body">
		Нет сообщений.
		</div>
		</div>
		</div>


		<script type="module" src="index.js"></script>
		</body>
		</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,23 @@
		const startMessagesBtn = document.querySelector('.start-messages'); // (1)
		const closeWindowBtn = document.querySelector('.window__button'); // (2)
		const windowElementRef = new WeakRef(document.querySelector(".window__body")); // (3)

		startMessagesBtn.addEventListener('click', () => { // (4)
		startMessages(windowElementRef);
		startMessagesBtn.disabled = true;
		});

		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 = `Сообщение: Статус системы OK: ${new Date().toLocaleTimeString()}`;
		element.deref().append(payload);
		} else { // (8)
		alert("Элемент был удалён."); // (9)
		clearInterval(timerId);
		}
		}, 1000);
		};