javascript-tutorial · otmon76 · Jun 4, 2025 · Jan 15, 2025 · Jan 20, 2025 · Mar 9, 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
@@ -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>

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
@@ -1,24 +1,24 @@
-const startMessagesBtn = document.querySelector('.start-messages'); // (1)
-const closeWindowBtn = document.querySelector('.window__button'); // (2)
-const windowElementRef = new WeakRef(document.querySelector(".window__body")); // (3)
+const tlačítkoZačítPosílat = document.querySelector('.start-messages'); // (1)
+const tlačítkoZavřítOkno = document.querySelector('.window__button'); // (2)
+const odkazNaElementOkna = 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)
 
 
-const startMessages = (element) => {
-    const timerId = setInterval(() => { // (6)
+const začniPosílatZprávy = (element) => {
+    const idČasovače = setInterval(() => { // (6)
         if (element.deref()) { // (7)
-            const payload = document.createElement("p");
-            payload.textContent = `Message: System status OK: ${new Date().toLocaleTimeString()}`;
-            element.deref().append(payload);
+            const zá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
diff --git a/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-02.svg b/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-02.svg
diff --git a/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-03.svg b/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-03.svg
diff --git a/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-04.svg b/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-04.svg
diff --git a/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-05.svg b/.../99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry-05.svg
diff --git a/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry.view/index.html b/1-js/99-js-misc/07-weakref-finalizationregistry/weakref-finalizationregistry.view/index.html
@@ -4,15 +4,15 @@
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
-  <title>Photo Library Collage</title>
+  <title>Koláž fotoknihovny</title>
 </head>
 
 <body>
 
 <div class="app">
   <header class="header">
     <h1 class="header-text">
-      Photo Library Collage
+      Koláž fotoknihovny
     </h1>
   </header>
   <div class="container">
@@ -24,9 +24,9 @@ <h1 class="header-text">
       <div>
         <div class=actions>
           <select class="select"></select>
-          <button class="btn btn--primary btn-create-collage"> Create collage </button>
-          <button class="btn btn--secondary btn-start-over"> Start over </button>
-          <button class="btn btn--success btn-download" onClick={downloadCollage}> Download </button>
+          <button class="btn btn--primary btn-create-collage"> Vytvořit koláž </button>
+          <button class="btn btn--secondary btn-start-over"> Spustit </button>
+          <button class="btn btn--success btn-download" onClick={downloadCollage}> Stáhnout </button>
         </div>
         <div class="previewContainer">
           <div class="spinnerContainer spinnerContainer--hidden">