js編寫簡易的計算器
阿新 • • 發佈：2020-07-29
本文例項為大家分享了js編寫簡易計算器的具體程式碼，供大家參考，具體內容如下
使用繫結時間觸發 加減乘除
加：
減：
乘：
除：
原始碼：
<body>
第一個數：<input type="text" id="num1" /><p></p>
<div id="ss">
<button type="button" >+</button>
<button type="button" >-</button>
<button type="button" >*</button>
<button type="button" >/</button>
</div>
<p></p>
第二個數：<input type="text" id="num2" /><p></p>
計算結果：<input type="text" id="result" />
<script>
var x1=document.getElementById("num1");
var x2=document.getElementById("num2");
var x3=document.getElementById("result");
addEventListener("click",function(event){
var obj = event.target; //指向事件源
var v=obj.innerHTML; //獲取事件
if(isNaN(x1.value) || isNaN(x2.value)){
alert("不能為非數字！");
}
if(v=="+"){
if(x1.value=="" || x2.value==""){alert('輸入框不能為空！');}
x3.value = parseFloat(x1.value) + parseFloat(x2.value); }
if(v=="-"){
if(x1.value=="" || x2.value==""){alert('輸入框不能為空！');}
x3.value = parseFloat(x1.value) - parseFloat(x2.value); }
if(v=="*"){
if(x1.value=="" || x2.value==""){alert('輸入框不能為空！');}
x3.value = parseFloat(x1.value) * parseFloat(x2.value); }
if(v=="/"){
if(x1.value=="" || x2.value==""){alert('輸入框不能為空！');}
if(x2.value==0){alert("除數不能為0！")}
x3.value = parseFloat(x1.value) / parseFloat(x2.value); }
})
</script>
</body>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。