js編寫簡易的計算器
本文實例為大家分享了js編寫簡易計算器的具體代碼，供大家參考，具體內(nèi)容如下
使用綁定時間觸發(fā) 加減乘除
加：
減：
乘：
除：
源代碼：
<body> 第一個數(shù)：<input type='text' /><p></p> <div id='ss'> <button type='button' >+</button> <button type='button' >-</button> <button type='button' >*</button> <button type='button' >/</button> </div> <p></p> 第二個數(shù)：<input type='text' /><p></p> 計算結(jié)果：<input type='text' /> <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('不能為非數(shù)字！'); } 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('除數(shù)不能為0！')} x3.value = parseFloat(x1.value) / parseFloat(x2.value); } }) </script> </body>
更多計算器功能實現(xiàn)，請點擊專題： 計算器功能匯總 進(jìn)行學(xué)習(xí)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 什么是python的自省2. php模擬實現(xiàn)斗地主發(fā)牌3. 詳解Android studio 動態(tài)fragment的用法4. spring acegi security 1.0.0 發(fā)布5. MyBatis中的JdbcType映射使用詳解6. vue 使用localstorage實現(xiàn)面包屑的操作7. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應(yīng)用實現(xiàn)8. Vuex localStorage的具體使用9. Python random庫使用方法及異常處理方案10. jQuery 實現(xiàn)DOM元素拖拽交換位置的實例代碼
網(wǎng)公網(wǎng)安備