☰

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.

  1. // ==UserScript==
  2. // @name         Wordle Warn on Already Used Letters
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2024-02-07
  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 misplaced_letters = Array.from(document.querySelectorAll('div[data-state="present"]')).map(x => x.innerText)
  59.  
  60.         const letter = el.innerText;
  61.  
  62.         if (disallowed_letters.includes(letter) && !confirmed_letters.includes(letter) && !misplaced_letters.includes(letter)) {
  63.             el.style.color = 'red';
  64.         } else {
  65.             el.style.removeProperty('color');
  66.         }
  67.     })
  68.  
  69.     // make sure when answer is submitted that the red warning is removed
  70.     on_DOM_change('div[data-state="correct"], div[data-state="absent"], div[data-state="present"]', function(el) {
  71.         el.removeAttribute('style');
  72.     })
  73.  
  74.     
  75. })();