原生js开发简易语音发声的计算器

前言：由于数学比较烂，只懂导数与微分，也正在研究半球几何，对于涉及到RMB的计算总怕算错几个小数点，于是使用简易的js开发计算器，这里并没有高精度的计算，还需优化。也没有运用到高大上的jquery。。。

<h1>js实现简单计算器</h1>

<div id="calculator" class="calculator">

<button id="clear" class="clear" onclick="cleart('g')">C</button>

<div
4000
id="viewer" class="viewer">0</div>

<button class="num" data-num="7" onclick="command(7)">7</button>
<button class="num" data-num="8" onclick="command(8)">8</button>
<button class="num" data-num="9" onclick="command(9)">9</button>
<button data-ops="加上" class="ops" onclick="tools('+','g')">+</button>

<button class="num" data-num="4" onclick="command(4)">4</button>
<button class="num" data-num="5" onclick="command(5)">5</button>
<button class="num" data-num="6" onclick="command(6)">6</button>
<button data-ops="减去" class="ops" onclick="tools('-','g')">-</button>

<button class="num" data-num="1" onclick="command(1)">1</button>
<button class="num" data-num="2" onclick="command(2)">2</button>
<button class="num" data-num="3" onclick="command(3)">3</button>
<button data-ops="乘以" class="ops" onclick="tools('*','g')">*</button>

<button class="num" data-num="0" onclick="command(0)">0</button>
<button class="num" data-num="." onclick="command('.')">.</button>
<button id="equals" class="equals" data-result="" onclick="equal('g')">=</button>
<button data-ops="除以" class="ops" onclick="tools('/','g')">/</button>
</div>

<!-- <button id="reset" class="reset">Reset Universe?</button> -->

<!-- <script src="js/calculator.js" type="text/javascript"></script> -->

<div id="audioBox"></div>
<script>
var resultDom = document.getElementById("viewer");

var operate = true;
var xop = true;
//点击计算机键盘
function command(num){
var str = resultDom.innerHTML;
str = (str=="0"?"":str);
str+=num;
//resultDom.value = str;
resultDom.innerHTML = str;
play(num);
}

//计算
function equal(m){
play(m);
var result = resultDom.innerHTML;
var r = eval(result);
resultDom.innerHTML = r;
operate = true;
//var r =
}

//播放键盘声音
function play(num){
var boxDom = document.getElementById("audioBox");
boxDom.innerHTML = "<embed src='${basePath}/resource/plugins/calculator/wav/m"+num+".wav' width='0' height='0'></embed>"
}

//运算符
function tools(op,m){
if(operate){
var num = resultDom.innerHTML;
num = (num=="0"?"":num);
resultDom.innerHTML = num + op;
operate = false;
xop = true;
}
play(m);
}

//清空
function cleart(m){
resultDom.innerHTML = "";
operate = true;
play(m);
}
</script>

源码下载：链接：http://pan.baidu.com/s/1miII8ek 密码：v1jh