js中如何实现数字相加

js中如何实现数字相加,并实现简易计算器

不会前端的java程序员不是好的java程序员,着手项目的我开启回顾我曾经微弱的前端知识。

问题
  var value1 = 1
  var value2 = 2
  var sum=value1+value2;
  document.write(sum)

输出结果是12并非是3

当我不论使用
value1+=value2等相加操作依旧都是12。

解决方法
  var value1 = 1
  var value2 = 2
  document.write(Number(value1)+Number(value2))

结果输出3

实现简易加法计算器

效果如下所示
在这里插入图片描述


<script>
function get(){
  var value1 = document.getElementById("num1").value;
  var value2 = document.getElementById("num2").value;
  document.getElementById("result").value=Number(value1)+Number(value2);
}
</script>
<style>
  #num1{
    width:60px;
  }
   #num2{
    width:60px;
  }
  #result{
    width:60px;
  }
</style>
<input type="text" id="num1" value="">+
<input type="text" id="num2" value="">=
<input type="text" id="result" value="">
<br>
<input type="button" value="计算" onclick="get()" >
发布了29 篇原创文章 · 获赞 10 · 访问量 7488

猜你喜欢

转载自blog.csdn.net/qmqm33/article/details/100995415