Added feature to update url when filtering is added. [Closes #6]

patcon · Nov 9, 2024 · c580993 · c580993
1 parent 461d33e
commit c580993
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/js/app.js b/src/js/app.js
@@ -42,8 +42,16 @@ if (search) {
   search.classList.remove('dn')
   const input = search.querySelector('input')
 
+  function setSearchParam(searchParam) {
+    // Update the URL without adding to the search history
+    const newurl = `${window.location.protocol}//${window.location.host}${window.location.pathname}?q=${encodeURIComponent(searchParam)}`
+    window.history.replaceState({path: newurl}, '', newurl)
+  }
+
   // Function to handle search logic
   function handleSearch(searchValue) {
+    setSearchParam(searchValue)
+
     if (searchValue === '') {
       cards.forEach((c) => c.classList.remove('dn'))
       return