這次我們來寫一個簡單的計算器案例?

代碼部分

HTML部分

首先設置一個基本樣式，把我們需要的“計算”按鈕，“+-*/”四個計算符合，三個文本框準備好(兩個用來輸入數字進行計算，一個用來接收計算出來的結果)，再為三個文本框和操作符寫好id，方便后面使用

JavaScript部分

首先我們先獲取“計算”按鈕，再為它綁定點擊事件，在點擊事件里面獲取操作符(op)和前面兩個文本框(num1,num2)的內容屬性取名為op,value1和value2,并且聲明一個空值為sum用于接收計算結果；再用switch的方式來儲存計算，如當選擇“+”的時候sum = parsenInt(value1)+parsenInt(value2)在后面加上一個break，為的是不再繼續執行以下代碼并返回出結果，最后獲取最后一個文本框(result)的屬性用來接收計算結果(sum)

?

總結:這個案例html中我用到了input,button,select，這些標簽，在js中運用了onclick點擊事件和swtich()來實現簡易計算器的運行，這次的案例還是挺簡單的，所以有些簡短，有些地方可能說明的不太清晰，請多多見諒。?

總結

以上是生活随笔為你收集整理的简易版计算器的全部內容，希望文章能夠幫你解決所遇到的問題。

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