From 8bf1248db6f13dc2f5b9f8f45f29afde1a129159 Mon Sep 17 00:00:00 2001
From: Jeff Elkner <jeff.elkner@gmail.com>
Date: Tue, 25 Apr 2023 09:54:04 -0400
Subject: [PATCH] Make screen width display work

---
 index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b5a776d..408ec94 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,12 @@ rel='stylesheet'>
 @import url(css/elknernet.css);
 </style>
 <script>
+function reportScreenWidth() {
+  let screenWidthOutput = document.querySelector("#screenWidth");
+  screenWidthOutput.textContent = window.innerWidth;  
+}
+window.onload = reportScreenWidth;
+window.onresize = reportScreenWidth;
 </script>
 </head>
 
@@ -269,7 +275,7 @@ LTSP: Moving into the Mainstream</a></li>
 <strong> HTML </strong> Valid! </a>
 <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/?profile=css3">
 <strong> CSS </strong> Valid! </a>
-<span id="winDisplay">Window width: <span id="scWidth"></span></span>
+<span id="winDisplay">Screen width: <span id="screenWidth"></span></span>
 </footer>
 
 </body>