今日、私は退屈し、何かを書きたかったのですが、突然JavaScriptで計算機を書くことを考えました。プログラムにはまだ多くのバグがあります。ここに最初に録音し、後でゆっくりと修正します。
コードは次のとおりです。
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> javascriptコードを実装するtype = "text/css"> input {width：30px; height：20px; text-align：center;}＃tbcalculator td {text-align：center; vertical-align：middle;} </style> <script = "text/javascript"> var result; //クリックオペレーターの前に入力ボックスに数値を保存します。 //オペレーターを保存var ispressequalsey = false; // "=" key //番号キーイベント関数ConnectionDigital（control）{var txt = document.getElementbyId（ 'txtscream'）; if（ispressequalsey）{txt.value = ""; //計算が実行されてから、数値入力ボックスをクリアして再起動しますispressequalsey = false;} //数値入力にデシマルポイントはすでに存在します。 //コントロール値を数値入力ボックスに割り当てる} //バックスペースイベント関数backspace（）{var txt = document.getelementbyid（ 'txtscream'）; txt.value = txt.value.substring（0、txt.value.length -1）;} clearall（）{document.getElementById（ 'txtscream'）。value= ""; result = ""; operator = "";} // +、 - 、 *、/event関数計算（コントロール）{//グローバル変数オペレーター= control.Value; var txt = document.getElementById（ 'txtscream'）; if（txt.value == ""）return false; //数値入力ボックスに数値がありません。その場合、演算子を入力できません//計算式results results = txt.valueに数値入力ボックスの値を保存します。 //操作値に入力する入力ボックスをクリアしますtxt.value = ""; } //計算結果関数getResult（）{var opvalue; // operator var sourcevalue = parsefloat = parsefloat（result）; var txt = document.getelementbyid（ 'txtscream'）; if（operator == '）; if（operator =='）; if（operator == '）; parsefloat（txt.value）; else if（operator == ' +'）opvalue = soursevalue + parsefloat（txt.value）; else if（operator == ' - '）opvalue = soursevalue -parsefloat（txt.value）; txt.value = opvalue; ";} </script> </head> <body> <table id =" tbcalculator "align =" center "cellpadding =" 0 "cellpacing =" 0 "bordercolor ="＃0066ff "> <tr> <td colspan =" 4 "align =" center "> <input" read "" id "id" read "read" read "read" read "read" read "read" read = "read =" redin /> </td> </tr> <tr> <td colspan = "2"> <input type = "button" name = "btnce" id = "btnce" value = "ce" align = "right"; onclick = "clearall（）;" /> </td> <td colspan = "2"> <入力タイプ= "ボタン" name = "btn10" id = "btn10" value = "backspace" align = "right"; onclick = "backspace（）;" /> </td> </tr> <tt> <td> <入力タイプ= "ボタン" name = "btn7" id = "btn7" value = "7" onclick = "connectiondigital（this）;" /> </td> <td> <入力タイプ= "button" name = "btn8" id = "btn8" value = "8" onclick = "connectiondigital（this）;"/> </td> <td> <入力タイプ= "ボタン" name "name =" btn9 "id =" btn9 "=" 9 " /> </td> <td> <入力タイプ= "ボタン" name = "btn6" id = "btn6" value = "/" onclick = "calculation（this）;" /> </td> </tr> <tt> <td> <入力タイプ= "ボタン" name = "btn4" id = "btn4" value = "4" onclick = "connectiondigital（this）;"/> </td> <td> <inputタイプ= "ボタン" name = "btn5" id = "btn5" "value =" 5 "" "" onclick = "ConnectionDigital（this）;"/> </td> <td> <input Type = "button" name "name =" btn6 "id =" btn6 "value =" 6 "onclick =" connectiondigital（this）; "/> </td> <td> <inputタイプ="ボタン= "btn13" btn13 "" onclick = "計算（this）;" /> </td> </tr> <td> <td> <入力タイプ= "ボタン" name = "btn1" btn1 "value =" 1 "onclick =" connectiondigital（this）; "/> </td> <td> <inputタイプ="ボタン "name =" btn2 "id =" btn2 "btn2" "2" "2" onclick = "ConnectionDigital（this）;"/> </td> <td> <input Type = "button" name "name =" btn3 "id =" btn3 "value =" 3 "onclick =" connectiondigital（this）; "/> </td> <td> <入力タイプ="ボタン= " onclick = "計算（this）;" /> </td> </tr> <tr> <td> <入力タイプ= "ボタン" name = "btn0" "btn0" value = "0" onclick = "connectiondigital（this）;" /> </td> <td> <入力タイプ= "button" name = "btndot" id = "btndot" value = "。"。 " onclick = "connectiondigital（this）;" /> </td> <td> <input name = "btn22" type = "button" id = "btn22" value = "=" onclick = "getResult（）;" /> </td> <td> <入力タイプ= "button" name = "btn23" id = "btn23" value = "+" onclick = "calculation（this）;" /> </td> </tr> </table> </body> </html>JavaScriptにSimple Calculatorを実装するための上記のコードは、私があなたと共有したすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。