+
+ + + Go to the second Page + + + diff --git a/html/script.js b/html/script.js new file mode 100644 index 0000000..189d452 --- /dev/null +++ b/html/script.js @@ -0,0 +1,22 @@ +document.addEventListener("DOMContentLoaded", () => { + const dateElement = document.getElementById("javascriptdate"); + + function updateDateTime() { + const now = new Date(); + dateElement.textContent = `Current date and time: ${now.toLocaleString()}`; + } + + // Update once on load + updateDateTime(); + + // Optional: Update every second + setInterval(updateDateTime, 1000); + + // Fun interaction: click the title to change color + const header = document.querySelector(".specialboi"); + header.addEventListener("click", () => { + header.style.color = header.style.color === "teal" ? "crimson" : "teal"; + }); +}); + +console.log("shit happened"); diff --git a/html/styles.css b/html/styles.css new file mode 100644 index 0000000..835365e --- /dev/null +++ b/html/styles.css @@ -0,0 +1,3 @@ +h1.specialboi { + font-style: italic; +}