showLetterCounts

Display letter count of Redactle-redacted words

目前為 2022-05-23 提交的版本,檢視 最新版本

// ==UserScript==
// @name         showLetterCounts
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Display letter count of Redactle-redacted words
// @author       gauss256
// @match        https://www.redactle.com/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=redactle.com
// @grant        none
// @run-at       context-menu
// @license      MIT
// ==/UserScript==

/* global $ */
/* jshint esversion:6 */

(function () {
    'use strict';

    let redacts = document.getElementsByClassName("baffled");
    for (let i = 0; i < redacts.length; i++) {
        let redact = redacts[i];
        let count = redact.innerHTML.length;
        let idxStart = count.toString().length;
        let ihOld = redact.innerHTML.substring(idxStart);
        let ihNew = `<span style="color: #606060">${count}</span>${ihOld}`;
        redact.innerHTML = ihNew;
    }

    // Display letter count to the right of the userGuess input field
    // https://www.reddit.com/r/Redactle/comments/uui6kg/redactle_count_display
    $('#inGrp').append('<div class="mx-4" style="font-size: 1.25rem;" id="guessCount"></div>');
    $('#userGuess').keyup(function () {
        $('#guessCount').text($(this).val().length > 0 ? $(this).val().length : '');
    });
})();