From 2836d2fb6f0fc89d5872cb2d51fea776531504e3 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 1 Apr 2023 16:57:58 -0700
Subject: [PATCH] Add custom message on incorrect password

---
 template.html | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/template.html b/template.html
index 71b4afd..95dc4b7 100644
--- a/template.html
+++ b/template.html
@@ -56,15 +56,24 @@
 
   <div>SCRIPT INJECTION</div>
   <script>
+    const input = document.querySelector('input');
+
     document.querySelector('form').addEventListener('submit', async e => {
       e.preventDefault();
       const password = new FormData(e.target).get('password');
-      const newDocument = await decrypt(content, password);
-
-      document.open();
-      document.write(newDocument);
-      document.close();
+      try {
+        const newDocument = await decrypt(content, password);
+        document.open();
+        document.write(newDocument);
+        document.close();
+      }
+      catch {
+        input.setCustomValidity('Incorrect password.');
+        input.reportValidity();
+      }
     });
+
+    input.addEventListener('input', e => e.target.setCustomValidity(''));
   </script>
 </body>
 
-- 
2.47.3