added files needed for the prep work and completed the prep

kohanman · kohanman · commit 781ac9e638be · 2025-10-31T23:31:22.000Z
diff --git a/Sprint-3/prep/index.html b/Sprint-3/prep/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <script defer src="script.js"></script>
+  </head>
+  <body>
+    <section>
+      <h3>Character limit</h3>
+      <label for="comment-input"
+        >Please enter your comment in the text area below
+      </label>
+      <textarea
+        id="comment-input"
+        name="comment-input"
+        rows="5"
+        maxlength="200"
+      ></textarea>
+      <p id="character-limit-info"></p>
+    </section>
+  </body>
+</html>
diff --git a/Sprint-3/prep/script alt.js b/Sprint-3/prep/script alt.js
@@ -0,0 +1,15 @@
+const textarea = document.querySelector("textarea");
+const remainingCharacters = textarea.maxLength - textarea.value.length;
+console.log(textarea.maxLength);
+
+const charactersLeftP = document.querySelector("#character-limit-info");
+charactersLeftP.innerText = `You have ${remainingCharacters} characters remaining`;
+
+
+
+textarea.addEventListener("keyup", 
+() => const remainingCharacters = textarea.maxLength - textarea.value.length;
+  const charactersLeftP = document.querySelector("#character-limit-info");
+  charactersLeftP.innerText = `You have ${remainingCharacters} characters remaining`;
+  console.log(remainingCharacters);
+);
diff --git a/Sprint-3/prep/script.js b/Sprint-3/prep/script.js
@@ -0,0 +1,12 @@
+const textarea = document.querySelector("textarea");
+
+updateCharacterLimit();
+
+function updateCharacterLimit() {
+  const remainingCharacters = textarea.maxLength - textarea.value.length;
+  const charactersLeftP = document.querySelector("#character-limit-info");
+  charactersLeftP.innerText = `You have ${remainingCharacters} characters remaining`;
+  console.log(remainingCharacters);
+}
+
+textarea.addEventListener("keyup", updateCharacterLimit);
