Example javascript to make fuzzy search work a bit better in a Shopify theme

shopify-fuzzy-search.js

  const search_forms = document.getElementsByClassName('search-bar');
  
  updateInputs(false); // on load, remove any wildcards from the search box
  
  [...search_forms].forEach(form => {
    form.addEventListener('submit', e => {
      updateInputs(true);
    });
  }); 
  
  function updateInputs(addWildcard) {
    const inputs = document.getElementsByName('q');
    [...inputs].forEach(input => {
      if(addWildcard) {
      	input.value = `*${input.value}*`
      } else {
        input.value = input.value.replaceAll('*','');
      }
    });
  }

This script adds wildcards around a search input when submitted, and then removes them when the search page is shown.