您好,登錄后才能下訂單哦!
這篇文章主要講解了js怎么編寫簡易的計(jì)算器,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。
使用綁定時間觸發(fā) 加減乘除
加:
減:
乘:
除:
源代碼:
<body> 第一個數(shù):<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> 第二個數(shù):<input type="text" id="num2" /><p></p> 計(jì)算結(jié)果:<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("不能為非數(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>
看完上述內(nèi)容,是不是對js怎么編寫簡易的計(jì)算器有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。