Сегодня мне было скучно, и я хотел что -то написать, но вдруг я подумал о написании калькулятора в 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-type" content = "text/html; charset = utf-8"/> <title> код Javascript для реализации Simple_wulin.com </title> type = "text/css"> input {width: 30px; высота: 20px; text-align: center;}#tbcalculator td {text-align: center; vertical-align: midne;} </style> <script type = "text/javascript"> var result; // Сохранить числовое значение в поле ввода перед оператором Click; // Сохранить оператор var ispressequalskey = false; // Записать, нажимать ли или нет "=" КЛЮЧ // КЛЮЧЕСКАЯ ФУНКЦИЯ ФУНКЦИЯ События CONNECTIGITE (CONTROL) {var txt = document.getElementById ('txtScream'); if (ispressequalsKey) {txt.value = ""; // Вычисление было выполнено, затем очистите численное поле ввода и запустите снова ISPressEqualsKey = false;} // Десятичная точка уже существует при численном вводе, тогда десятичная точка не разрешена ввести, если (txt.value.indexof ('.')> -1 && control.value == '). // Присвоение значению управляющего значения в течение численного ввода} // Функция события BackSpace BackSpace () {var txt = document.getElementById ('txtScream'); txt.value = txt.value.substring (0, txt.value.length - 1);} // Событие ключа. clearall () {document.getElementById ('txtScream'). value = ""; result = ";"; operator = "";} // +, -, *,/uvent function Расчет (control) {// Сохранить оператор в глобальной переменной operator = control.value; 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); else opvalue = / 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 "> <inpute =" name = "txtscreamcrecrecream" Id = "ID -xemcre" vemly -"ty negly" txtscream "txcream" vexcrecre " /> </td> </tr> <tr> <td colspan = "2"> <input type = "name =" btnce "id =" btnce "value =" ce "align =" right "; onclick = "clearall ();" /> </td> <td colspan = "2"> <input type = "button" name = "btn10" id = "btn10" value = "backspace" align = "right"; onclick = "backspace ();" /> </td> </tr> <tt> <td> <input type = "button" name = "btn7" id = "btn7" value = "7" onclick = "connectionDigital (this);" /> </td> <td> <input type = "button" name = "btn8" id = "btn8" value = "8" onclick = "connectionDigital (this);"/> </td> <td> <input type = "button" name = "btn9" id = "btn9" value = "9" Onclick = "connectionDigtal (this); /> </td> <td> <input type = "кнопка" name = "btn6" id = "btn6" value = "/" onclick = "Расчет (это);" /> </td> </tr> <tt> <td> <input type = "button" name = "btn4" id = "btn4" value = "4" onclick = "connectionDigital (this);"/> </td> <td> <input type = "name =" btn5 "id =" btn5 "=" 5 "5" onclick="connectionDigital(this);"/></td><td><input type="button" name="btn6" id="btn6" value="6" onclick="connectionDigital(this);"/></td><td><input type="button" name="btn13" id="btn13" value="*" onclick = "Расчет (это);" /> </td> </tr> <td> <td> <input type = "button" name = "btn1" id = "btn1" value = "1" onclick = "connectionDigital (this);"/> </td> <td> <input type = "button" name = "btn2" id = "btn2" id = "btn2" value = "btn2" id = "btn2" = "btn2" value = "btn2" id = "btn2" = "btn2" onclick = "connectDigital (this);"/> </td> <td> <input type = "button" name = "btn3" id = "btn3" value = "3" onclick = "connectionDigital (this);"/> </td> <td> <input type = name = "btn18" id = "btn18" value = "-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-"-" onclick = "Расчет (это);" /> </td> </tr> <tr> <td> <input type = "button" name = "btn0" id = "btn0" value = "0" onclick = "connectionDigital (this);" /> </td> <td> <input type = "кнопка" name = "btndot" id = "btndot" value = ".". ".". " onclick = "connectionDigital (это);" /> </td> <td> <input name = "btn22" type = "кнопка" id = "btn22" value = "=" onclick = "getResult ();" /> </td> <td> <input type = "кнопка" name = "btn23" id = "btn23" value = "+" onclick = "Расчет (это);" /> </td> </tr> </table> </body> </html>Приведенный выше код для реализации простого калькулятора в JavaScript - это весь контент, который я поделился с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.