【JS】:JS实现网页计算器

最新推荐文章于 2021-08-05 20:59:34 发布

seen_in_hw

最新推荐文章于 2021-08-05 20:59:34 发布

阅读量745

点赞数

分类专栏： javascript 文章标签： javascript 控件源码

本文链接：https://blog.csdn.net/qq_23100787/article/details/51152093

版权

javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

实现的网页计算器思路如下：
1，放两个输入的控件，然后获得这两个控件的值
2，然后通过Number方法把获得的字符串变成数字，获得数字加和输出即可
输出可以输出到任意位置。

源码如下：

<html>
<p id = "3"> kkk </p>
<body onload = "startTime()">
<input id = "1" type="text">
<input id = "2" type="text">
<script>
function add(){
    var x= document.getElementById("1").value;
    var y = document.getElementById("2").value;
    x = new Number(x);
    y = new Number(y);
    var c = x+y;
    document.getElementById("3").innerHTML = c;
}
</script>
<input type = "button" value="按钮" onclick="add()">
</body>
</html>