From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 14 Aug 2022 06:07:23 +0000 (-0700)
Subject: Use ID on refresh button to clarify event listener
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=c5edd6d99254eb51590bbb42be44fc8620bcdc16;p=ardislu.dev

Use ID on refresh button to clarify event listener
---

diff --git a/index.html b/index.html
index be066a2..29d10a1 100644
--- 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 99b3bbf..9f9cd52 100644
--- 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();