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()" >
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章