Set and get ?language= in URL bar, refs #4

Author: simonw

ocr.html

@@ -344,6 +344,28 @@ <h2>Pages</h2>
   } = await worker.recognize(imageUrl);
   return { text };
 }
+
+// Update URL bar to match language select
+languageSelect.addEventListener('change', (event) => {
+  const newUrl = window.location.pathname + '?language=' + event.target.value;
+  window.history.pushState({ path: newUrl }, '', newUrl);
+});
+
+function setLanguageFromQueryString() {
+  const params = new URLSearchParams(window.location.search);
+  const value = params.get('language');
+  if (value) {
+    languageSelect.value = value;
+  }
+}
+
+// Set the select box value when the page loads
+window.addEventListener('load', setLanguageFromQueryString);
+
+window.addEventListener('popstate', (event) => {
+  console.log(event);
+  setLanguageFromQueryString();
+});
 </script>
 </body>
 </html>