← Wszystkie przykłady

JavaScript Czytanie i skupienie goodreads.com

Goodreads: oznacz nisko ocenione recenzje

Dodaje czerwoną krawędź recenzjom z oceną jednej lub dwóch gwiazdek, by łatwo je wychwycić.

Kod do skopiowania

// 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);

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania