Only reset checkboxes if `type` has changed

If a user is entering several files of the same type, the user likely wants the same settings (for example, `modulepreload` for all JS files). It is annoying to force the user to keep re-checking the boxes.

diff --git a/index.html b/index.html
index 7753038386355e2656aeec1a13f9e2f0da51f0ce..175720b602dc7e6dadbab1b48361e7f37c5caf54 100644 (file)
--- a/index.html
+++ b/index.html
@@ -246,13 +246,15 @@
       }
     }
 
+    let previousType = '';
     form.addEventListener('submit', async e => {
       e.preventDefault();
       const { url, sriHash, preload, esm } = e.target.elements;
       const { type, ...sri } = await getSri(url.value);
 
-      // Reset checkboxes if form submitted via "Hash!" button
-      if (e?.submitter?.tagName === 'BUTTON') {
+      // Reset checkboxes if form submitted via "Hash!" button and type has changed
+      if (e?.submitter?.tagName === 'BUTTON' && type !== previousType) {
+        previousType = type;
         preload.checked = false;
         esm.checked = false;
         if (type === 'text/javascript' || type === 'application/javascript') {