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