Click here for free DL of the app version that can save data.

No:50362

132

←

Prev Next

→

Calculator with buttons V4
Developer User21309｜Date and time 24/3/8 15:36:51
Build time 9.932 sec｜Game capacity 2.848KB｜

Script

Калькулятор

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Калькулятор</title>
</head>
<body>
    <h1>Калькулятор</h1>
    <input type="text" id="display" disabled><br>
    
    <button onclick="clearDisplay()">C</button>
    <button onclick="addToDisplay(7)">7</button>
    <button onclick="addToDisplay(8)">8</button>
    <button onclick="addToDisplay(9)">9</button>
    <button onclick="operation('/')">÷</button><br>
    
    <button onclick="addToDisplay(4)">4</button>
    <button onclick="addToDisplay(5)">5</button>
    <button onclick="addToDisplay(6)">6</button>
    <button onclick="operation('*')">x</button><br>
    
    <button onclick="addToDisplay(1)">1</button>
    <button onclick="addToDisplay(2)">2</button>
    <button onclick="addToDisplay(3)">3</button>
    <button onclick="operation('-')">-</button><br>
    
    <button onclick="addToDisplay(0)">0</button>
    <button onclick="addToDisplay('.')">.</button>
    <button onclick="calculate()">=</button>
    <button onclick="operation('+')">+</button><br>
    
    <script>
        let display = document.getElementById('display');
        let operation = '';
        let firstNumber = '';
        let secondNumber = '';
        let result = null;
        
        function addToDisplay(value) {
            display.value += value;
        }
        
        function clearDisplay() {
            display.value = '';
            operation = '';
            firstNumber = '';
            secondNumber = '';
            result = null;
        }
        
        function calculate() {
            secondNumber = display.value;
            firstNumber = parseFloat(firstNumber);
            secondNumber = parseFloat(secondNumber);
            
            switch(operation) {
                case '+':
                    result = firstNumber + secondNumber;
                    break;
                case '-':
                    result = firstNumber - secondNumber;
                    break;
                case '*':
                    result = firstNumber * secondNumber;
                    break;
                case '/':
                    result = firstNumber / secondNumber;
                    break;
            }
            
            display.value = result;
            firstNumber = '';
            secondNumber = '';
            result = null;
        }
        
        function operation(op) {
            if (result !== null) {
                firstNumber = result;
                secondNumber = '';
                result = null;
            } else if (firstNumber !== '') {
                secondNumber = display.value;
                calculate();
            } else {
                firstNumber = display.value;
            }
            
            operation = op;
            display.value = '';
        }
    </script>
</body>
</html>