Short Introduction to JavaScript

zJiaJun · zJiaJun · commit 769c128f6094 · 2025-01-19T19:23:09.000+08:00
diff --git a/starter/09-Omnifood-Optimizations/index.html b/starter/09-Omnifood-Optimizations/index.html
@@ -26,6 +26,8 @@
       src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.js"
     ></script>
 
+    <script defer src="js/script.js"></script>
+
     <title>Omnifood</title>
   </head>
   <body>
@@ -646,7 +648,8 @@ <h2 class="heading-secondary">Get your first meal for free!</h2>
           </ul>
 
           <p class="copyright">
-            Copyright &copy; 2027 by Omnifood, Inc. All rights reserved.
+            Copyright &copy; <span class="year">2027</span> by Omnifood, Inc.
+            All rights reserved.
           </p>
         </div>
 
diff --git a/starter/09-Omnifood-Optimizations/js/script.js b/starter/09-Omnifood-Optimizations/js/script.js
@@ -1,3 +1,7 @@
+const yearEl = document.querySelector(".year");
+const currentYear = new Date().getFullYear();
+yearEl.textContent = currentYear;
+
 ///////////////////////////////////////////////////////////
 // Fixing flexbox gap property missing in some Safari versions
 function checkFlexGap() {
