Simplify main selectors

diff --git a/404.html b/404.html
index c0423fba4721ba51a35b8068cf3ed3cc686a3c44..674a6277bf37b611320dfe0e016b9ea4b964dc91 100644 (file)
--- a/404.html
+++ b/404.html
@@ -33,7 +33,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/languages/powershell.min.js"></script>
   <script>
-    const article = document.getElementsByTagName('article')[0];
+    const article = document.querySelector('article');
     article.innerHTML = '<div class="skeleton-line"></div>'.repeat(20);
 
     const mapping = {

diff --git a/script.js b/script.js
index 77135af92008b4e3057bf8d0da6a168b560d3fd5..d3a0a100e49346759d27c56679556a45b7d1a4ed 100644 (file)
--- a/script.js
+++ b/script.js
@@ -2,7 +2,7 @@ if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js');
 }
 
-const main = document.getElementsByTagName('main')[0];
+const main = document.querySelector('main');
 const halfRemHeight = parseFloat(getComputedStyle(document.documentElement).fontSize) / 2;
 
 /* Generic element builders */