我們先看看JS代碼和效果圖

代碼如下：

?

按F12預覽效果圖如下：

?

下面我們來講解下這個JS：

JS部分：

<script> function yue() {var x1=document.getElementById("yueying_1");var x2=document.getElementById("yueying_2");var x3=document.getElementById("yueying_3");x3.value=Number(x1.value)+Number(x2.value);//Number() 函數把對象的值轉換為數字} </script>

?

代碼部分：

<input type="text" id="yueying_1" /> + <input type="text" id="yueying_2" /> = <input type="text" id="yueying_3" /> <input type="button" onclick="yue()" value="計算"/>

關注微信公眾號（月影WEB），了解更多的前后端知識；
歡迎大家關注互相交流學習；

?

總結

以上是生活随笔為你收集整理的javascript/js计算器的基础制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。