BDstudy课后知识问答：Day16

最新推荐文章于 2023-12-08 11:26:32 发布

kesin_lee

最新推荐文章于 2023-12-08 11:26:32 发布

阅读量208

点赞数

分类专栏：学前端文章标签： javascript

本文链接：https://blog.csdn.net/kesin_lee/article/details/106610833

版权

学前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

由於準備畢業論文答辯影響了進度，2020.6.7晚重拾js

简易实现加减乘除功能

<body>
<input id="first-number" type="number" value="0" placeholder="第一个数字">
<input id="second-number" type="number" value="0" placeholder="第二个数字">
<button id="add-btn">加</button>
<button id="minus-btn">减</button>
<button id="times-btn">乘</button>
<button id="divide-btn">除</button>
<p id="result">运算结果</p>
<script>
    document.getElementById("add-btn").onclick = function () {
        document.getElementById("result").innerHTML = Number(document.getElementById("first-number").value) + Number(document.getElementById("second-number").value);
    }
    document.getElementById("minus-btn").onclick = function () {
        document.getElementById("result").innerHTML = Number(document.getElementById("first-number").value) - Number(document.getElementById("second-number").value);
    }
    document.getElementById("times-btn").onclick = function () {
        document.getElementById("result").innerHTML = Number(document.getElementById("first-number").value) * Number(document.getElementById("second-number").value);
    }
    document.getElementById("divide-btn").onclick = function () {
        document.getElementById("result").innerHTML = Number(document.getElementById("first-number").value) / Number(document.getElementById("second-number").value);
    }
</script>
</body>

我为什么会写看p站呢，p站是什么我都不知道，都是在小黑盒里看到有人这么说

<button id="special" value="我的特殊爱爱好">特殊爱好</button>
<script>
    alert("hello,this is mine");
    document.getElementById("special").onclick = function () {
        alert("偶尔看看P站");
    }
</script>