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()" >