오늘 나는 지루하고 무언가를 쓰고 싶었지만 갑자기 나는 JavaScript로 계산기를 쓰는 것을 생각했습니다. 프로그램에는 여전히 많은 버그가 있습니다. 먼저 여기에 기록한 다음 나중에 천천히 수정하겠습니다.
코드는 다음과 같습니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> simple accator_wulin.com </title> <style. type = "text/css"> 입력 {너비 : 30px; 높이 : 20px; 텍스트-정렬 : 중심;}#tbcalculator td {text-align : center; vertical-align : middle;} </style> <script type = "text/javascript"> var result; // 클릭 연산자 전에 입력 상자에 숫자 값을 저장합니다. // 연산자 저장 var ispressequalskey = false; // "="키 // 숫자 키 이벤트 함수 ConnectionDigital (Control) {var txt = document.getElementById ( 'txtscream'); if (ispressequalskey) {txt.value = ""; // 계산이 수행 된 다음 숫자 입력 상자를 지우고 다시 시작 ispressequalskey = false;} // 소수점 포인트는 이미 숫자 입력에 존재하며, ( '.')> -1 && control.value = value; value; value; // 숫자 입력 상자에 제어 값을 지정} // 백 스페이스 이벤트 기능 backspace () {var txt = document.getElementById ( 'txtscream'); txt.value = txt.value.substring (0, txt.value.length -1);} // CE 키 이벤트 : NUMUTHER 입력 상자 기능 지우기 clearall () {document.getElementById ( 'txtscream'). value = ""; result = ""; result = "; var txt = document.getElementById ( 'txtscream'); if (txt.value == "") false를 반환합니다. // 숫자 입력 상자에 숫자가 없으면 연산자를 입력 할 수 없습니다. // 숫자 입력 상자의 값을 계산 표현식 결과 = txt.value에 저장합니다. // 작업 값에 입력 할 입력 상자를 지우십시오 값 txt.value = ""; } // 계산 결과 함수 getResult () {var opvalue; // 연산자 var sourcevalue = parsefloat (result); var txt = document.getElementByid ( 'txtscream'); if (Operator == ' *') opvalue = soursevalue * parsefloat (txt.value); Els (operater = opvalue); / parsefloat (txt.value); else if (operator == ' +') opvalue = soursevalue + parsefloat (txt.value); else if (operator == ' -') opvalue -parsefloat (txt.value); txt.value = opvalue; iscress chenate = ""; "";} </script> </head> <bod> <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"> <입력 유형 = "버튼"이름 = "btnce"id = "btnce"value = "ce"align = "right"; onclick = "clearall ();" /> </td> <td colspan = "2"> <입력 유형 = "button"name = "btn10"id = "btn10"value = "backspace"align = "right"; onclick = "backspace ();" /> </td> </tt> <tt> <td> <입력 유형 = "button"name = "btn7"id = "btn7"value = "7"onclick = "ConnectionDigital (this);"; /> </td> <td> <입력 유형 = "버튼"이름 = "btn8"id = "btn8"value = "8"onclick = "ConnectionDigital (this);"/> </td> <td> <입력 유형 = "button"name = "btn9"id = "btn9"value = "9"on Connection = "Connection Digital (this)"; /> </td> <td> <입력 유형 = "버튼"이름 = "btn6"id = "btn6"value = "/"onclick = "계산 (this);"; /> </td> </tt> <tt> <td> <입력 유형 = "버튼"이름 = "btn4"id = "btn4"value = "4"onclick = "ConnectionDigital (this);"/> </td> <td> <입력 유형 = "button"= "btn5"valles = "5" onclick = "ConnectionDigital (this);"/> </td> <td> <td> <input type = "button"name = "btn6"id = "btn6"value = "6"onclick = "ConnectionDigital (this);"/> </td> <td> <input type = "button"btn13 "id ="btn11 ""*" onclick = "계산 (this);" /> </td> </td> <td> <td> <입력 유형 = "버튼"이름 = "btn1"id = "btn1"value = "1"onclick = "ConnectionDigital (this);"/> </td> <td> <입력 유형 = "button"= "btn2"id = "id ="id = "btn2"btn2 ""2 " onclick = "ConnectionDigital (this);"/> </td> <td> <td> <input type = "button"name = "btn3"id = "btn3"value = "3"onclick = "ConnectionDigital (this);"/> </td> <td> <input type = "name ="btn18 "btn18"vatn18. onclick = "계산 (this);" /> </td> </tr> <tr> <td> <입력 유형 = "버튼"이름 = "btn0"id = "btn0"value = "0"onclick = "ConnectionDigital (this);"; /> </td> <td> <입력 유형 = "버튼"이름 = "btndot"id = "btndot"value = "." onclick = "ConnectionDigital (this);" /> </td> <td> <입력 이름 = "btn22"type = "button"id = "btn22"value = "="onclick = "getResult ();" /> </td> <td> <입력 유형 = "버튼"이름 = "btn23"id = "btn23"value = "+"onclick = "calculation (this);"; /> </td> </tr> </table> </body> </html>JavaScript에서 간단한 계산기를 구현하기위한 위의 코드는 내가 공유 한 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.