Jun 4, 2025 · Jan 15, 2025 · Jan 20, 2025 · Mar 9, 2025 · Mar 9, 2025 · Mar 18, 2025
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
 <body>

 <div class="app">
  <button class="start-messages">Start sending messages</button>
  <button class="start-messages">Začít posílat zprávy</button>
  <div class="window">
    <div class="window__header">
      <p class="window__title">Messages:</p>
      <button class="window__button">Close</button>
      <p class="window__title">Zprávy:</p>
      <button class="window__button">Zavřít</button>
    </div>
    <div class="window__body">
 No messages.
 Žádné zprávy.
    </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
 conststartMessagesBtn = document.querySelector('.start-messages'); // (1)
 constcloseWindowBtn = document.querySelector('.window__button'); // (2)
 constwindowElementRef = new WeakRef(document.querySelector(".window__body")); // (3)
 consttlačítkoZačítPosílat = document.querySelector('.start-messages'); // (1)
 consttlačítkoZavřítOkno = document.querySelector('.window__button'); // (2)
 constodkazNaElementOkna = new WeakRef(document.querySelector(".window__body")); // (3)

 startMessagesBtn.addEventListener('click', () => { // (4)
    startMessages(windowElementRef);
 startMessagesBtn.disabled = true;
 tlačítkoZačítPosílat.addEventListener('click', () => { // (4)
    startMessages(odkazNaElementOkna);
 tlačítkoZačítPosílat.disabled = true;
 });

 closeWindowBtn.addEventListener('click', () =>  document.querySelector(".window__body").remove()); // (5)
 tlačítkoZavřítOkno.addEventListener('click', () =>  document.querySelector(".window__body").remove()); // (5)


 conststartMessages = (element) => {
    consttimerId = setInterval(() => { // (6)
 constzačniPosílatZprávy = (element) => {
    constidČasovače = setInterval(() => { // (6)
        if (element.deref()) { // (7)
            constpayload = document.createElement("p");
 payload.textContent = `Message: System status OK: ${new Date().toLocaleTimeString()}`;
            element.deref().append(payload);
            constzátěž = document.createElement("p");
 zátěž.textContent = `Zpráva: Stav systému OK: ${new Date().toLocaleTimeString()}`;
            element.deref().append(zátěž);
        } else { // (8)
            alert("The element has been deleted."); // (9)
            clearInterval(timerId);
            alert("Element byl odstraněn."); // (9)
            clearInterval(idČasovače);
        }
    }, 1000);
 };
diff --git a/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-01.svg b/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-01.svg
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,14 +10,14 @@
		<body>

		<div class="app">
		<button class="start-messages">Start sending messages</button>
		<button class="start-messages">Začít posílat zprávy</button>
		<div class="window">
		<div class="window__header">
		<p class="window__title">Messages:</p>
		<button class="window__button">Close</button>
		<p class="window__title">Zprávy:</p>
		<button class="window__button">Zavřít</button>
		</div>
		<div class="window__body">
		No messages.
		Žádné zprávy.
		</div>
		</div>
		</div>
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,24 +1,24 @@
		conststartMessagesBtn = document.querySelector('.start-messages'); // (1)
		constcloseWindowBtn = document.querySelector('.window__button'); // (2)
		constwindowElementRef = new WeakRef(document.querySelector(".window__body")); // (3)
		consttlačítkoZačítPosílat = document.querySelector('.start-messages'); // (1)
		consttlačítkoZavřítOkno = document.querySelector('.window__button'); // (2)
		constodkazNaElementOkna = new WeakRef(document.querySelector(".window__body")); // (3)

		startMessagesBtn.addEventListener('click', () => { // (4)
		startMessages(windowElementRef);
		startMessagesBtn.disabled = true;
		tlačítkoZačítPosílat.addEventListener('click', () => { // (4)
		startMessages(odkazNaElementOkna);
		tlačítkoZačítPosílat.disabled = true;
		});

		closeWindowBtn.addEventListener('click', () => document.querySelector(".window__body").remove()); // (5)
		tlačítkoZavřítOkno.addEventListener('click', () => document.querySelector(".window__body").remove()); // (5)


		conststartMessages = (element) => {
		consttimerId = setInterval(() => { // (6)
		constzačniPosílatZprávy = (element) => {
		constidČasovače = setInterval(() => { // (6)
		if (element.deref()) { // (7)
		constpayload = document.createElement("p");
		payload.textContent = `Message: System status OK: ${new Date().toLocaleTimeString()}`;
		element.deref().append(payload);
		constzátěž = document.createElement("p");
		zátěž.textContent = `Zpráva: Stav systému OK: ${new Date().toLocaleTimeString()}`;
		element.deref().append(zátěž);
		} else { // (8)
		alert("The element has been deleted."); // (9)
		clearInterval(timerId);
		alert("Element byl odstraněn."); // (9)
		clearInterval(idČasovače);
		}
		}, 1000);
		};