制作一个简单的计算器

制作一个简单的计算器
大家好，这是我的第一篇博客，将我在工作学习中的一些简单小知识分享给大家。希望开始一段美妙的旅程…

下面展示html内容。

数值A:

运算符：

数值B:

结果：

</form>
<form>
    <p><input type="button" value="+"  onclick="setOp('+');"/>
        <input type="button" value="-"  onclick="setOp('-');"/>
        <input type="button" value="*"  onclick="setOp('*');"/>
        <input type="button" value="/" onclick="setOp('/');"/>
    </p>
</form>

下面是js文件

function setOp(op)
{
    //显示运算符
    document.getElementById("op").innerText = op;
}
function calc()
{
    //获取值
    let x  = parseInt(document.getElementById("x").value);
    let y  = parseInt(document.getElementById("y").value);
    let op = document.getElementById("op").innerText;

    let z = "";
    switch(op)
    {
        case '+':
            z = x + y;
            break;
        case '-':
            z = x - y;
            break;
        case '*':
            z = x * y;
            break;
        case '/':
            z = x / y;
            break;
        default:
            z = '';
    }
    console.log(x, op, y, '=', z);
    document.getElementById("z").innerText = z;
}

第一次写博客，欢迎批评指正哦^-…