User:LaluShi/common.js

$(document).ready(function() {
    // Check if we are on the page where we want to insert the XP calculation box
    if (mw.config.get('wgCanonicalNamespace') === 'User_blog' && mw.config.get('wgAction') === 'view') {
        // Create the HTML elements for the XP calculation box
        var xpCalculationBox = '<h2>XP Calculation</h2>' +
            '<div>' +
            '  <label for="rValue">Enter the rarity (R):</label>' +
            '  <input type="number" id="rValue" min="0" step="1">' +
            '  <button onclick="calculateXP()">Calculate XP</button>' +
            '</div>' +
            '<div>' +
            '  <p id="xpResult"></p>' +
            '</div>';
        
        // Insert the XP calculation box into the page
        $('.mw-parser-output').prepend(xpCalculationBox);
        
        // Function to calculate XP when the button is clicked
        window.calculateXP = function() {
            // Get the value of R from the input field
            var r = parseInt($('#rValue').val());
            
            // Calculate E using the formula E = 1 + floor(R / 5)
            var e = 1 + Math.floor(r / 5);
            
            // Display the result
            $('#xpResult').text("XP Earned: " + e);
        };
    }
});