Potęga, pierwiastek, itp. w kalkulatorze (js)

Witam, moim problem jest to, że nie umiem napisać funkcji, która by wyliczała mi wartości z pierwiastka, liczyła potęgę dowolnej liczby, procent, działania w nawiasach, usuwała pojedynczy element ( jest to kalkulator toki prosty, podstawowe działania mam napisane oraz wyświetlanie na ekranie, tylko te bardziej skomplikowane nie wiem jak rozwiązać ). Ktoś dałby radę dodać te funkcje ? To kod mojego kalkulatora:

<!doctype html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="calculator.css">
</head>

<body>
    <div class="calculator">

        <input type="text" class="calculator-screen" value="" disabled />

        <div class="calculator-odnosniki">

            <button type="button" class="czyszczenie" value="wyczysc">C</button>
            <button type="button" class="operator" style="font-size: 80px;" value="<-">&#x20D6;</button>
            <button type="button" class="operator" value="^">x&sup2;</button>
            <button type="button" class="operator" value="%">&#x25;</button>
            <button type="button" class="operator" value="pierwiastek">&radic;</button>
            <button type="button" class="operator" value="(">&#10088;</button>
            <button type="button" class="operator" value=")">&#10089;</button>
            <button type="button" class="operator" value="*">&times;</button>
            <button type="button" value="7">7</button>
            <button type="button" value="8">8</button>
            <button type="button" value="9">9</button>
            <button type="button" class="operator" value="/">&divide;</button>
            <button type="button" value="4">4</button>
            <button type="button" value="5">5</button>
            <button type="button" value="6">6</button>
            <button type="button" class="operator" value="-">&minus;</button>
            <button type="button" value="1">1</button>
            <button type="button" value="2">2</button>
            <button type="button" value="3">3</button>
            <button type="button" class="operator" value="+">&plus;</button>
            <button type="button" value="0">0</button>
            <button type="button" class="decimal" value=",">,</button>
            <button type="button" class="operator" value="+-">&#x00B1;</button>
            <button type="button" class="rownasie operator" value="=">=</button>

        </div>
    </div>
    <script>
        const calculator = {
            displayValue: '0',
            firstOperand: null,
            waitingForSecondOperand: false,
            operator: null,
        };

        function inputDigit(digit) {
            const {
                displayValue,
                waitingForSecondOperand
            } = calculator;

            if (waitingForSecondOperand === true) {
                calculator.displayValue = digit;
                calculator.waitingForSecondOperand = false;
            } else {
                calculator.displayValue = displayValue === '0' ? digit : displayValue + digit;
            }
        }

        function inputDecimal(dot) {
            if (calculator.waitingForSecondOperand === true) return;

            
            if (!calculator.displayValue.includes(dot)) {
                calculator.displayValue += dot;
            }
        }

        function handleOperator(nextOperator) {
            const {
                firstOperand,
                displayValue,
                operator
            } = calculator
            const inputValue = parseFloat(displayValue);

            if (operator && calculator.waitingForSecondOperand) {
                calculator.operator = nextOperator;
                return;
            }

            if (firstOperand == null) {
                calculator.firstOperand = inputValue;
            } else if (operator) {
                const currentValue = firstOperand || 0;
                const result = performCalculation[operator](currentValue, inputValue);

                calculator.displayValue = String(result);
                calculator.firstOperand = result;
            }

            calculator.waitingForSecondOperand = true;
            calculator.operator = nextOperator;
        }

        const performCalculation = {
            '/': (firstOperand, secondOperand) => firstOperand / secondOperand,

            '*': (firstOperand, secondOperand) => firstOperand * secondOperand,

            '+': (firstOperand, secondOperand) => firstOperand + secondOperand,

            '-': (firstOperand, secondOperand) => firstOperand - secondOperand,

            '=': (firstOperand, secondOperand) => secondOperand
        };

        function resetCalculator() {
            calculator.displayValue = '0';
            calculator.firstOperand = null;
            calculator.waitingForSecondOperand = false;
            calculator.operator = null;
        }

        function updateDisplay() {
            const display = document.querySelector('.calculator-screen');
            display.value = calculator.displayValue;
        }

        updateDisplay();

        const keys = document.querySelector('.calculator-odnosniki');
        keys.addEventListener('click', (event) => {
            const {
                target
            } = event;
            if (!target.matches('button')) {
                return;
            }

            if (target.classList.contains('operator')) {
                handleOperator(target.value);
                updateDisplay();
                return;
            }

            if (target.classList.contains('decimal')) {
                inputDecimal(target.value);
                updateDisplay();
                return;
            }

            if (target.classList.contains('czyszczenie')) {
                resetCalculator();
                updateDisplay();
                return;
            }

            inputDigit(target.value);
            updateDisplay();
        });
    </script>
</body>

</html>

CSS :

html {
    font-size: 62.5%;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

.calculator {
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
}

.calculator-screen {
    width: 100%;
    font-size: 5rem;
    height: 80px;
    border: none;
    background-color: #b0beb4;
    color: #fff;
    text-align: right;
    padding-right: 20px;
    padding-left: 10px;
}

button {
    height: 60px;
    background-color: #a80054;
    border-radius: 3px;
    border: 2px solid #a80054;
    background-color: transparent;
    font-size: 2rem;
    color: #333;
    background-image: linear-gradient(to bottom, transparent, transparent 50%, rgba(0, 0, 0, .04));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 1px 0 0 rgba(255, 255, 255, .45), inset 0 -1px 0 0 rgba(255, 255, 255, .15), 0 1px 0 0 rgba(255, 255, 255, .15);
    text-shadow: 0 1px rgba(255, 255, 255, .4);
}

button:hover {
    background-color: #706acc;
}

.operator {
    color: #000000;
}

.czyszczenie {
    background-color: rgb(219, 157, 206);
    border-color: #a80054;
    color: #fff;
}

.czyszczenie:hover {
    background-color: #706acc;
}

.rownasie {
    background-color: rgb(219, 157, 206);
    border-color: #a80054;
    color: rgb(0, 0, 0);
}

.rownasie:hover {
    background-color: #706acc;
}

.calculator-odnosniki {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 20px;
    color: #245233;
}