Update index.html

index.html

@@ -33,7 +33,7 @@
             display: block;
             font-weight: bold;
         }
-        input[type="text"], textarea {
+        input[type="text"], input[type="email"], textarea {
             width: 100%;
             padding: 8px;
             box-sizing: border-box;
@@ -74,7 +74,7 @@ <h1>EZ Donation Text Generator</h1>
             </div>
             <div class="form-group">
                 <label for="email">Your Email Address</label>
-                <input type="text" id="email" name="email" placeholder="Enter your email address" required>
+                <input type="email" id="email" name="email" placeholder="Enter your email address" required>
             </div>
             <div class="form-group">
                 <label for="comment">Comments (optional)</label>
@@ -94,6 +94,13 @@ <h2>Generated Text</h2>
             const email = document.getElementById("email").value;
             const comment = document.getElementById("comment").value;
 
+            // Check if email is valid
+            if (!email.includes("@") || !email.includes(".")) {
+                alert("Please enter a valid email address.");
+                return;
+            }
+
+            // Generate output text
             const output = `Character Name: ${characterName}\nEmail: ${email}\nComments: ${comment}`;
             document.getElementById("output").textContent = output;
         }