javascript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
前言
hello,大家好,學(xué)習(xí)一段時(shí)間了,學(xué)習(xí)了框架和后臺(tái)的內(nèi)容,為了防止前端的js和jq的熟練度不夠,忘記很多算法和基礎(chǔ)用法,會(huì)陸陸續(xù)續(xù)更新一些小的功能效果code,用于記錄和積累,不足之處很多,封裝性和代碼冗余暫且不嚴(yán)格要求,盡力完善,保持更新..
簡(jiǎn)易加減乘除計(jì)算器,利用表單的value值取值,用原生js實(shí)現(xiàn).可直接復(fù)制到編輯器,打開(kāi)即可運(yùn)行.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>加減乘除計(jì)算器</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()"/> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果--> <input type='text' id='answer' /> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- javascript寫(xiě)的簡(jiǎn)單的計(jì)算器,內(nèi)容很多,方法實(shí)用,推薦
- 簡(jiǎn)易js代碼實(shí)現(xiàn)計(jì)算器操作
- 用JS寫(xiě)的簡(jiǎn)單的計(jì)算器實(shí)現(xiàn)代碼
- javascript-簡(jiǎn)單的計(jì)算器實(shí)現(xiàn)步驟分解(附圖)
- 網(wǎng)頁(yè)計(jì)算器 一個(gè)JS計(jì)算器
- js網(wǎng)頁(yè)版計(jì)算器的簡(jiǎn)單實(shí)現(xiàn)
- js實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
- 功能很全的精品JS計(jì)算器
- 使用jsp調(diào)用javabean實(shí)現(xiàn)超簡(jiǎn)單網(wǎng)頁(yè)計(jì)算器示例
- 純javascript代碼實(shí)現(xiàn)計(jì)算器功能(三種方法)
相關(guān)文章
一文看懂如何簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)
這篇文章主要給大家介紹了如何通過(guò)一文看懂簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的實(shí)現(xiàn)方法
這篇文章主要介紹了小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的實(shí)現(xiàn)方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01js實(shí)現(xiàn)分享到隨頁(yè)面滾動(dòng)而滑動(dòng)效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)分享到隨頁(yè)面滾動(dòng)而滑動(dòng)效果的方法,實(shí)例分析了javascript操作頁(yè)面元素滾動(dòng)效果的方法,需要的朋友可以參考下2015-04-04JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果完整實(shí)例
這篇文章主要介紹了JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果,以完整實(shí)例形式分析了JS定位到頁(yè)面頂部功能的實(shí)現(xiàn)方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素與屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06js showModalDialog彈出窗口實(shí)例詳解
本篇文章主要是對(duì)js showModalDialog彈出窗口進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01javascript多種數(shù)據(jù)類型表格排序代碼分析
這個(gè)表格排序代碼,性能比上一次那一個(gè)好了很多而且支持很多種類型的排序,這一次寫(xiě)的能支持更多的排序。2010-09-09Web前端開(kāi)發(fā)之水印、圖片驗(yàn)證碼
這篇文章主要介紹了Web前端開(kāi)發(fā)之水印、圖片驗(yàn)證碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11