Hari ini saya bosan dan ingin menulis sesuatu, tetapi tiba -tiba saya berpikir untuk menulis kalkulator di JavaScript. Masih ada banyak bug dalam program ini. Saya akan merekamnya di sini terlebih dahulu dan kemudian perlahan -lahan memperbaikinya nanti.
Kodenya adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8"/<title> Kode JavaScript untuk mengimplementasikan calculator sederhana_wulin.com </title type = "text/css"> input {width: 30px; tinggi: 20px; text-align: center;}#tbcalculator td {text-align: center; vertikal-align: tengah;} </style> <script type = "text/javascript"> var hasil; // simpan nilai numerik di kotak input sebelum operator klik; // simpan operator var isPressEqualsKey = false; // Rekam apakah akan menekan atau tidak "=" key // Key Number Key Function ConnectionDigital (control) {var txt = document.getElementById ('txtscream'); if (isPressEqualsKey) {txt.value = ""; // Perhitungan telah dilakukan, lalu hapus kotak input numerik dan mulai lagi isPressEqualsKey = false;} // titik desimal sudah ada dalam input numerik, maka titik desimal tidak diizinkan untuk dimasukkan if (txt.value.indexof ('.')> -1 && control.value == '. // Tetapkan nilai kontrol ke kotak input numerik} // backspace event function backspace () {var txt = document.geteLementById ('txtscream'); txt.value = txt.value.substring (0, txt.value.length - 1);} // Ce Key Event: CLEAR the The Numer. clearAll () {document.getElementById ('txtscream'). value = ""; result = ""; operator = "";} // +, -, *,/Perhitungan fungsi acara (kontrol) {// simpan operator di operator variabel global = control.value; var txt = document.geteLementById ('txtscream'); if (txt.value == "") return false; // Tidak ada nomor di kotak input numerik, maka operator tidak dapat dimasukkan // simpan nilai dalam kotak input numerik ke dalam hasil ekspresi perhitungan = txt.value; // Bersihkan kotak input yang akan dimasukkan ke nilai operasi txt.value = ""; } // Fungsi hasil perhitungan getResult () {var opvalue; // operator var sourcevalue = parseFloat (hasil); var txt = document.geteLementById ('txtscream'); if (operator == ' *') Opvalue = Soursevalue * ParSefloat (txt. soursevalue / parsefloat (txt.value); else if (operator == ' +') opvalue = soursevalue + parsefloat (txt.value); else if (operator == ' -') Opvalue = soursevalue - parsefloat (txt.value); txt.valuee = soursevalue - parsefloat (txt.value); value); txt.valueeeeeeeeeeeeeeeDe (Txt.value); txt.valueeeeeeeeeeeeeeDe (txhalSePalue; txhalSePalue; oPALEPLOATE (txt.value); txt.valueeeeeeeeeeeeeeeeeeDe (TXLOPLOATE (TXT.VALUE); txt. "";opValue = "";}</script></head><body><table id="tbCalculator" align="center" cellpadding="0" cellpacing="0" bordercolor="#0066FF"><tr><td colspan="4" align="center"><input type="text" name="txtScream" id="txtScream" readonly = "readonly"/> </td> </tr> <tr> <td colspan = "2"> <input type = "tombol" name = "btnce" id = "btnce" value = "ce" align = "kanan"; OnClick = "clearAll ();" /> </td> <td colspan = "2"> <input type = "tombol" name = "btn10" id = "btn10" value = "backspace" align = "kanan"; OnClick = "backspace ();" /> </td> </tr> <tt> <td> <input type = "tombol" name = "btn7" id = "btn7" value = "7" onclick = "ConnectionDigital (this);" /> </td> <td> <input type = "Tombol" name = "btn8" id = "btn8" value = "8" onclick = "ConnectionDigital (this);"/> </td> <td> <input type = "name =" btn9 "id =" btn9 "value =" 9 "9" Name = "name =" btn9 "iD =" btn9 "value =" 9 "on on on on" on on on "on on" on on "on on" on on "on on" on on "on on" on on "9" on on "9" on on "9" on on "9" on Oncick = "; /> </td> <td> <input type = "tombol" name = "btn6" id = "btn6" value = "/" onclick = "perhitungan (ini);" /> </td> </tr> <tt> <td> <input type = "Tombol" name = "btn4" id = "btn4" value = "4" onclick = "ConnectionDigital (this);"/> </td> <td> <input type = "tombol" nama = "btn5" id = "btn" Nilai = "name" name = "btn5" id = "btn1" name = "name" name = "btn5" ID = "btn" name = "name" name = "btn5" ID = "btn" name = "name" name = "btn5" btn1 = "btn" OnClick = "ConnectionDigital (this);"/> </td> <td> <input type = "Tombol" name = "btn6" id = "btn6" value = "6" ontClick = "ConnectionDigital (this);"/> </td> <td> <input type = "name" btn1; OnClick = "Perhitungan (ini);" /> </td> </tr> <td> <td> <input type = "Tombol" name = "btn1" id = "btn1" value = "1" onclick = "ConnectionDigital (this);"/> </td> <td> <input type = "tombol" name = "btn2" id = "btn2" "name" name "name" name = "btn2" id = "btn2" OnClick = "ConnectionDigital (this);"/> </td> <td> <input type = "Tombol" name = "btn3" id = "btn3" value = "3" ontClick = "ConnectionDigital (this);"/> </td> <td> <input type = "name" btn1 "btn1" "-" OnClick = "Perhitungan (ini);" /> </td> </tr> <tr> <td> <input type = "tombol" name = "btn0" id = "btn0" value = "0" onclick = "ConnectionDigital (this);" /> </td> <td> <input type = "tombol" name = "btndot" id = "btndot" value = "." OnClick = "ConnectionDigital (ini);" /> </td> <td> <input name = "btn22" type = "tombol" id = "btn22" value = "=" onclick = "getResult ();" /> </td> <td> <input type = "tombol" name = "btn23" id = "btn23" value = "+" onclick = "perhitungan (ini);" /> </td> </tr> </able> </body> </html>Kode di atas untuk mengimplementasikan kalkulator sederhana di JavaScript adalah semua konten yang telah saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.