今天帶大家做乙個網頁版的計算器,頁面使用js完成計算,介面的效果如下:
可以看到介面還是挺清爽的,但是功能呢?這裡呢,介面上看到的這些按鈕的功能都是可以用的
可以看到有括號也是可以算的.
好了,接下來帶大家來實現一下:
首先就是布局,這個沒有什麼好說的,學點html和css馬上就可以弄出這個介面,所以我就直接貼出**:
css**就不解釋了,看不懂的自行參考css文件
//找到顯示字串等式的td標籤
var content = document.getelementbyid("content");
//找到顯示結果的td標籤
var result = document.getelementbyid("result");
//獲取字串的等式
var text = td.innertext;
等於好 的那種情況現在先別看.後面會講解,上面的注釋寫的挺詳細的,應該都看得懂,也就是實現了往顯示字串等式的框框中尾加字元而已//如果是刪除鍵
if("del" == text)
//如果是全部刪除
}else if("c" == text)else if("=" == text)else
}
也就是下面的效果:
然後等你按下等於號的時候,上面叫大家不要先看的**開始起作用了,也就是乙個字串的等式,你需要計算結果並且返回,那麼最合適的就是寫乙個方法,傳遞進來乙個字串的等式,返回這個等式的結果
核心思想,參照我另外兩篇部落格:
看懂了思路,那麼接下來的js**你也很輕鬆的可以看懂了:
/**
* 解析字串的等式為乙個正確的結果
*/function parse(content)
} index = content.indexof("+");
if(index > -1)
index = content.lastindexof("-");
if(index > -1)
index = content.lastindexof("*");
if(index > -1)
index = content.lastindexof("/");
if(index > -1)
if("" == content)else
}
JSP實現簡單的網頁計算器
計算器可以用純 編出來,但是效率比較低,本篇主要是運用jsp內部函式eval 實現計算功能,該函式可以將字元型表示式進行求值。jsp檔案和css樣式表檔案一樣,可以直接寫在html裡面,也可以外部呼叫,我比較喜歡前一種,這樣會比較清晰。html檔案 ff9668 container card cal...
實現計算器
dim boldot as boolean dim dblacc1,dblacc2 as double dim dblacc3 as double 10 dim strop as string private sub add num byval intnumber as integer if bol...
計算器的實現
計算器?不是非常簡單嗎?宣告兩個float型變數,再加上操作符,自動計算結果出來!public static float calc float a,float b,int operator 呵呵,這麼簡單,那就沒必要寫成文章了 這裡要說的是 程式計算表示式的值,比如 1 2 3 5 9 就是簡單兩個...