javascript開發(fā)計算器之JS代碼
前面介紹了HTML，下面我們主要說一下JS代碼的寫法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<title>計算器</title>
<script type="text/javascript" src=""></script>
<script>
//點擊按鈕執(zhí)行操作
var resultDom = document.getElementById("result"); //var 是定義變量，
var operate = true; //定義一個變量，防止運算符的連續(xù)操作
var xop = true; //定義一個變量，防止小數點可以連續(xù)輸出
function command(num){ //function 是封裝command
if(needclear==1){
needclear=0;
resultDom.value='';
}
var str = resultDom.value;
str =(str =="0"?"":str);
resultDom.value = str+num;
operate = true;
play(num);
}
//清空
function clearzero(m){
resultDom.value = 0;
play(m)
}
//計算等號
var needclear=0;
function equal(m){
needclear=1;
var result = resultDom.value.toString();
var r = eval(result);
resultDom.value =r;
play(m);
}
//小數點
function dot(m){
if(xop){ //對變量進行判斷輸出
var num = resultDom.value.toString();
num +=".";
resultDom.value = num;
xop = ture;
}
play(m);
}
//點擊操作符
function tools(op,m){
if(operate){ //對運算符進行判斷輸出
var num = resultDom.value;
num = (num =="0"?"":num);
resultDom.value = num+op;
operate = false;
}
play(m);
}
//按鍵聲音
function play(num){
var audioDom = document.getElementById("audio");
audioDom.innerHTML = "<embed src='wav/"+num+".wav' width='0' height='0'></embed>" //wav是聲音素材的文件夾名稱。
}
</script>
</body>
</html>每個功能都會有注釋。由于語音素材無法上傳，所以知道寫法就可以了，可以自己在網上下載聲音素材，自己嘗試一下。
