User:Sur/common.js

// Wait for the document to be ready
mw.hook('wikipage.content').add(function ($content) {
    // Check if the input box exists on the page
    if (document.getElementById('userInputBox')) {
        // Function to update the variable
        function updateVariable() {
            var inputValue = document.getElementById('userInputBox').value;
            
            // Make an API call to update the page variable
            new mw.Api().postWithToken('csrf', {
                action: 'parse',
                text: '{{#vardefine:userInput|' + inputValue + '}}',
                title: mw.config.get('wgPageName'),
                prop: 'text'
            }).done(function(data) {
                console.log('Variable updated successfully');
                // Refresh only the parts of the page that use the variable
                $('.user-input-display').each(function() {
                    $(this).text(inputValue);
                });
            }).fail(function(error) {
                console.error('Failed to update variable:', error);
            });
        }

        // Add event listener to the update button
        var updateButton = document.getElementById('updateVariableButton');
        if (updateButton) {
            updateButton.addEventListener('click', updateVariable);
        }
    }
});