前言
hello,大家好,學(xué)習(xí)一段時間了,學(xué)習(xí)了框架和后臺的內(nèi)容,為了防止前端的js和jq的熟練度不夠,忘記很多算法和基礎(chǔ)用法,會陸陸續(xù)續(xù)更新一些小的功能效果code,用于記錄和積累,不足之處很多,封裝性和代碼冗余暫且不嚴(yán)格要求,盡力完善,保持更新..
簡易加減乘除計算器,利用表單的value值取值,用原生js實現(xiàn).可直接復(fù)制到編輯器,打開即可運行.
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>加減乘除計算器</title> <script type="text/javascript"> function count(){ var a = parseInt(document.getElementById("txt1").value); var b = parseInt(document.getElementById("txt2").value) ; var sign = document.getElementById("select").value; var result = 0; switch(sign){ case "+": result = a+b; break; case "-": result = a-b; break; case "*": result = a*b; break; case "/": result = a/b; break; case "%": result = a%b; break; } document.getElementById("answer").value = result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> <option value="%">%</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果--> <input type='text' id='answer' /> </body></html>以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點
疑難解答