PWA Day06 Cache On User Interaction

app.js

document
  .querySelector('.cache-article')
  .addEventListener('click', (event) => {
    event.preventDefault()

    const id = this.dataset.articleId

    caches
      .open('mysite-article-' + id)
      .then((cache) => {
        fetch('/get-article-urls?id=' + id)
          .then((response) => {
            // /get-article-urls returns a JSON-encoded array of
            // resource URLs that a given article depends on
            return response.json()
          })
          .then((urls) => {
            cache.addAll(urls)
          })
    })
  })