← All examples

JavaScript Developer & QA goodreads.com

Goodreads: show book ID and ISBN

Appends the book identifier and ISBN under the title, handy when working with data.

Code to copy

// Append the book ID and ISBN to the page title for developers
(function () {
  var isbn = document.querySelector('[itemprop="isbn"]');
  var m = location.pathname.match(/\/book\/show\/(\d+)/);
  var bits = [];
  if (m) { bits.push('id ' + m[1]); }
  if (isbn && isbn.textContent.trim()) { bits.push('ISBN ' + isbn.textContent.trim()); }
  var title = document.querySelector('.bookTitle, h1[data-testid="bookTitle"]');
  if (title && bits.length) {
    var tag = document.createElement('small');
    tag.style.cssText = 'display:block;color:#888;font-weight:400;font-size:0.8rem';
    tag.textContent = bits.join('  ·  ');
    title.appendChild(tag);
  }
})();

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases