RosettaCode Conribution Records Counter

count specific li elements within section.mw-pager-body
当前为 2024-02-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         RosettaCode Conribution Records Counter
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  count specific li elements within section.mw-pager-body
// @author       aspen138
// @match        *://rosettacode.org/wiki/Special:Contributions?end=&limit=5000&namespace=all&start=&tagfilter=&target=*
// @match        *://rosettacode.org/wiki/Special:Contributions*
// @grant        none
// @license    MIT
// ==/UserScript==

(function() {
    'use strict';

    // Function to count and insert result
    function countAndDisplayLiElements() {
        // Find the target section
        var section = document.querySelector('section.mw-pager-body');
        if (!section) return;

        // Count li elements that match the criteria
        var liElements = section.querySelectorAll('li.mw-contributions-current.mw-tag-wikieditor');
        var count = liElements.length;

        // Create a new element to display the count
        var resultDisplay = document.createElement('div');
        resultDisplay.textContent = `(IN THIS PAGE) Count of matching Conribution Records: ${count}`;
        resultDisplay.style.backgroundColor = 'yellow'; // Set the background color to blue
        resultDisplay.style.color = 'blue'; // Optional: Set text color to white for better readability
        resultDisplay.style.padding = '10px'; // Optional: Add some padding
        resultDisplay.style.marginBottom = '10px'; // Optional: Add some margin at the bottom
        resultDisplay.style.border = "2px solid black";


        // Insert the result as the first child of the section
        if (section.firstChild) {
            section.insertBefore(resultDisplay, section.firstChild);
        } else {
            section.appendChild(resultDisplay);
        }
    }

    // Run the function when the page loads
    window.addEventListener('load', countAndDisplayLiElements);
})();