← All examples

JavaScript Reading & focus goodreads.com

Goodreads: mark low-rated reviews

Adds a red side border to one- and two-star reviews so they are easy to spot.

Code to copy

// Visually mark 1- and 2-star reviews with a red side border
function markLowRated() {
  document.querySelectorAll('.ReviewCard, .review').forEach(function (card) {
    var stars = card.querySelector('[aria-label*="star"], .staticStars');
    if (!stars) { return; }
    var label = (stars.getAttribute('aria-label') || stars.title || '').toLowerCase();
    if (label.indexOf('1 ') === 0 || label.indexOf('2 ') === 0 ||
        label.indexOf('did not like') !== -1 || label.indexOf('it was ok') !== -1) {
      card.style.borderLeft = '4px solid #c0392b';
      card.style.paddingLeft = '10px';
    }
  });
}
markLowRated();
window.setTimeout(markLowRated, 1500);

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