วันนี้ฉันเบื่อและต้องการเขียนอะไรบางอย่าง แต่ทันใดนั้นฉันก็คิดที่จะเขียนเครื่องคิดเลขใน JavaScript ยังมีข้อบกพร่องมากมายในโปรแกรม ฉันจะบันทึกที่นี่ก่อนแล้วค่อยแก้ไขในภายหลัง
รหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> type = "text/css"> input {width: 30px; ความสูง: 20px; text-allign: center;}#tbcalculator td {text-align: center; แนวตั้ง-แนว: middle;} </style> <script type = "ข้อความ/javascript"> var ผลลัพธ์; // บันทึกค่าตัวเลขในกล่องอินพุตก่อนที่ตัวดำเนินการคลิก // บันทึกตัวดำเนินการ var iSpressequalsKey = false; // บันทึกว่าจะกดหรือไม่ "=" คีย์ // หมายเลขคีย์ฟังก์ชั่นเหตุการณ์การเชื่อมต่อ DIGITAL (ควบคุม) {var txt = document.getElementById ('txtScream'); ถ้า (iSpressequalsKey) {txt.value = ""; // การคำนวณได้ดำเนินการแล้วล้างกล่องอินพุตตัวเลขแล้วเริ่ม IspressequalsKey = False;} // จุดทศนิยมที่มีอยู่แล้วในอินพุตตัวเลขแล้วจุดทศนิยมจะไม่ได้รับอนุญาตให้ป้อนหาก (txt.value.indexof ('.')> -1 && // กำหนดค่าควบคุมให้กับกล่องอินพุตตัวเลข} // ฟังก์ชั่นเหตุการณ์ backspace backspace () {var txt = document.getElementById ('txtscream'); txt.value = txt.value.substring (0, txt.value.length - 1); clearall () {document.getElementById ('txtScream'). value = ""; result = ""; operator = "";} // +, -, *,/การคำนวณฟังก์ชั่นเหตุการณ์ (ควบคุม) var txt = document.getElementById ('txtscream'); ถ้า (txt.value == "") ส่งคืนเท็จ; // ไม่มีหมายเลขในกล่องอินพุตตัวเลขจากนั้นตัวดำเนินการไม่สามารถป้อน // บันทึกค่าในกล่องอินพุตตัวเลขลงในผลลัพธ์การคำนวณการคำนวณ = txt.value; // ล้างกล่องอินพุตที่จะป้อนไปยังค่าการทำงาน txt.value = ""; } // ฟังก์ชั่นผลลัพธ์การคำนวณ getResult () {var opvalue; // ตัวดำเนินการ var sourcevalue = parsefloat (ผลลัพธ์); var txt = document.getElementById ('txtscream'); ถ้า (ผู้ดำเนินการ == ' *') Opvalue = soursevalue soursevalue / parsefloat (txt.value); อื่น ๆ ถ้า (ตัวดำเนินการ == ' +') opvalue = soursevalue + parsefloat (txt.value); อื่น ๆ ถ้า (ตัวดำเนินการ == ' -') opvalue = opvalue = opteLue; = "";} </script> </head> <body> <table id = "tbcalculator" align = "center" cellpadding = "0" cellpacing = "0" bordercolor = "#0066ff"> <tr> <td colspan = "4" /> </td> </tr> <tr> <td colspan = "2"> <อินพุตประเภท = "ปุ่ม" ชื่อ = "btnce" id = "btnce" value = "ce" allign = "ขวา"; onclick = "clearall ();" /> </td> <td colspan = "2"> <อินพุตประเภท = "ปุ่ม" ชื่อ = "btn10" id = "btn10" value = "backspace" align = "ขวา"; onclick = "backspace ();" /> </td> </tr> <tt> <td> <อินพุต type = "ปุ่ม" ชื่อ = "btn7" id = "btn7" value = "7" onclick = "connectionDigital (นี่);" /> </td> <td> <อินพุต type = "ปุ่ม" name = "btn8" id = "btn8" value = "8" onClick = "การเชื่อมต่อดิจิทิล (นี่);"/> </td> <td> <อินพุตประเภท = "ปุ่ม" btn9 "id =" btn9 " /> </td> <td> <อินพุต type = "ปุ่ม" name = "btn6" id = "btn6" value = "/" onclick = "การคำนวณ (นี่);" /> </td> </tr> <tt> <td> <อินพุตประเภท = "ปุ่ม" ชื่อ = "btn4" id = "btn4" value = "4" onclick = "connectionDigital (นี่);"/> </td> <td> onclick = "ConnectionDigital (นี่);"/> </td> <td> <อินพุตประเภท = "ปุ่ม" ชื่อ = "btn6" id = "btn6" value = "6" onClick = "การเชื่อมต่อ digital (นี่);"/> </td> <td> onclick = "การคำนวณ (นี่);" /> </td> </tr> <td> <td> <อินพุต type = "ปุ่ม" name = "btn1" id = "btn1" value = "1" onclick = "connectionDigital (นี่);"/> </td> <td> onclick = "connectionDigital (นี่);"/> </td> <td> <อินพุตประเภท = "ปุ่ม" ชื่อ = "btn3" id = "btn3" value = "3" onClick = "การเชื่อมต่อ digital (this);"/> </td> <td> onclick = "การคำนวณ (นี่);" /> </td> </tr> <tr> <td> <อินพุต type = "ปุ่ม" name = "btn0" id = "btn0" value = "0" onclick = "connectionDigital (นี่);" /> </td> <td> <อินพุต type = "ปุ่ม" name = "btndot" id = "btndot" value = " onclick = "ConnectionDigital (นี่);" /> </td> <td> <อินพุตชื่อ = "btn22" type = "ปุ่ม" id = "btn22" value = "=" onclick = "getResult ();" /> </td> <td> <อินพุต type = "ปุ่ม" ชื่อ = "btn23" id = "btn23" value = "+" onclick = "การคำนวณ (นี่);" /> </td> </tr> </table> </body> </html>รหัสข้างต้นสำหรับการใช้เครื่องคิดเลขอย่างง่ายใน JavaScript เป็นเนื้อหาทั้งหมดที่ฉันได้แชร์กับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น