☰

Wordle Warn on Already Used Letters

When you type a letter that is confirmed absent in Wordle, this script will highlight it in red as a warning. Hopefully will help prevent dumb mistakes.

当前为 2024-01-30 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Wordle Warn on Already Used Letters
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2024-01-31
  5. // @description  When you type a letter that is confirmed absent in Wordle, this script will highlight it in red as a warning. Hopefully will help prevent dumb mistakes.
  6. // @author       Glench
  7. // @match        https://www.nytimes.com/games/wordle/index.html
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=nytimes.com
  9. // @grant        none
  10. // @license      MIT
  11. // ==/UserScript==
  12.     
  13. (function() {
  14.     'use strict';
  15.     
  16.     function on_DOM_change(selector, cb) {
  17.         // Select the node that will be observed for mutations
  18.         const targetNode = document.body;
  19.     
  20.         // Options for the observer (which mutations to observe)
  21.         const config = { attributes: true, childList: true, subtree: true };
  22.     
  23.         // Callback function to execute when mutations are observed
  24.         const callback = function(mutationsList, observer) {
  25.             for(const mutation of mutationsList) {
  26.                 var newNodes = mutation.addedNodes;
  27.                 if (newNodes.length == 0) {
  28.                     if (mutation.target.matches(selector)) {
  29.                         return cb(mutation.target)
  30.                     }
  31.                 }
  32.                 var match = Array.from(newNodes).find(el => (el.matches && el.matches(selector)))
  33.                 if (!match) {
  34.                     Array.from(newNodes).forEach(el => {
  35.                         var children = el.querySelectorAll && el.querySelectorAll(selector)
  36.                         if (children) {
  37.                             children.forEach(cb)
  38.                         }
  39.                     })
  40.                 } else {
  41.                     cb(mutation.target)
  42.                 }
  43.             }
  44.         };
  45.     
  46.         // Create an observer instance linked to the callback function
  47.         const observer = new MutationObserver(callback);
  48.     
  49.         // Start observing the target node for configured mutations
  50.         observer.observe(targetNode, config);
  51.     
  52.         Array.from(document.querySelectorAll(selector)).forEach(cb);
  53.     }
  54.     
  55.     on_DOM_change('div[data-state="tbd"]', function(el) {
  56.         const disallowed_letters = Array.from(document.querySelectorAll('div[data-state="absent"]')).map(x => x.innerText)
  57.         const confirmed_letters = Array.from(document.querySelectorAll('div[data-state="correct"]')).map(x => x.innerText)
  58.         const letter = el.innerText;
  59.  
  60.         if (disallowed_letters.includes(letter) && !confirmed_letters.includes(letter)) {
  61.             el.style.color = 'red';
  62.         } else {
  63.             el.style.removeProperty('color');
  64.         }
  65.     })
  66.  
  67.     // make sure when answer is submitted that the red warning is removed
  68.     on_DOM_change('div[data-state="correct"], div[data-state="absent"], div[data-state="present"]', function(el) {
  69.         el.removeAttribute('style');
  70.     })
  71.  
  72.     
  73. })();