AJAX Cache

ajax-cache.js

const form = document.querySelector('form');
const input = form.querySelector('input[type="search]"');

const cache = {};

form.addEventListener('submit', event => {
  event.preventDefault();

  const query = input.value;

  if (!cache[query]) {
    cache[query] = fetch(`https://google.com?search=${query}`);
  }

  cache[query]
    .then(response => {})
    .catch(error => {})
    .finally(() => {});
});