今日、私は退屈し、何かを書きたかったのですが、突然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をもっとサポートできることを願っています。