MediaWiki:Common.js

document.addEventListener("DOMContentLoaded", function() {
    const container = document.getElementById("calcContainer");
    if (!container) return;

    container.innerHTML = `
        <div style="margin:10px 0;">
            <label>Num1: <input type="number" id="num1" value="0" style="width:60px;"></label>
            <label>Num2: <input type="number" id="num2" value="0" style="width:60px;"></label>
            <label>Operation:
                <select id="op">
                    <option value="+">+</option>
                    <option value="-">-</option>
                    <option value="*">*</option>
                    <option value="/">/</option>
                </select>
            </label>
            <button id="calcButton">Calculate</button>
        </div>
        <div>Result: <span id="result">0</span></div>
    `;

    document.getElementById("calcButton").addEventListener("click", function() {
        const a = parseFloat(document.getElementById("num1").value);
        const b = parseFloat(document.getElementById("num2").value);
        const op = document.getElementById("op").value;
        let result;

        if (isNaN(a) || isNaN(b)) {
            result = "Enter valid numbers";
        } else {
            switch(op) {
                case "+": result = a + b; break;
                case "-": result = a - b; break;
                case "*": result = a * b; break;
                case "/": result = b !== 0 ? a / b : "∞"; break;
                default: result = "Error";
            }
        }
        document.getElementById("result").textContent = result;
    });
});