← Tous les exemples

JavaScript Lecture & concentration goodreads.com

Goodreads : marquer les avis à faible note

Ajoute une bordure rouge aux avis une et deux étoiles pour les repérer facilement.

Code à copier

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

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage