Use ID on refresh button to clarify event listener

diff --git a/index.html b/index.html
index be066a24fa69141d324efd75e298916aa9621b1e..29d10a12af9476ddce6803fd6902922077ef3741 100644 (file)
--- a/index.html
+++ b/index.html
@@ -71,7 +71,7 @@
 
   <dialog>
     <p>A newer version of this page is available.</p>
-    <button>Refresh</button>
+    <button id="refresh">Refresh</button>
   </dialog>
 
   <script type="module" src="/script.js"></script>

diff --git a/script.js b/script.js
index 99b3bbf37bbd2fef97826d7c60509accb47cc485..9f9cd521129209cf7492d1d90a209ff155e6391c 100644 (file)
--- a/script.js
+++ b/script.js
@@ -13,7 +13,7 @@ cacheChannel.addEventListener('message', e => {
     globalThis.components.get('toast').show();
   }
 });
-document.querySelector('dialog > button').addEventListener('click', _ => location.reload());
+document.querySelector('#refresh').addEventListener('click', _ => location.reload());
 
 /* Global store for homepage metadata and HTML components. */
 globalThis.metadata = new Map();