---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Калькулятор</title>
    <script>
    //функция арифметических действий +, -, *, /:
    var op, result, num1, num2;
    function func()
    {
        num1 = Number(document.getElementById("num1").value);
        num2 = Number(document.getElementById("num2").value);
        if(op=='+') result = num1 + num2;
        if(op=='-') result = num1 - num2;
        if(op=='*') result = num1 * num2;
        if(op=='/') result = num1 / num2;
        document.getElementById("result").innerHTML = result;
    }
    </script>
</head>

<body>
    Значение1: <input type="number" id="num1"><br><br>
    Действие:
    <button id="plus" onclick="op='+'">+</button>
    <button id="minus" onclick="op='-'">-</button>
    <button id="umnoj" onclick="op='*'">*</button>
    <button id="del" onclick="op='/'">/</button>
    <br><br>
    Значение2: <input type="number" id="num2"><br><br>
    <button onclick="func()">ИТОГО:</button>
    <br><br>
    Результат: <span id="result"></span>
</body>
</html>