Aujourd'hui, je m'ennuyais et je voulais écrire quelque chose, mais soudain, j'ai pensé à écrire une calculatrice en JavaScript. Il y a encore de nombreux bogues dans le programme. Je vais l'enregistrer ici d'abord, puis le corriger lentement plus tard.
Le code est le suivant:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <itle> javascript code pour implémenter calculat_wulin.com </tame> <style <style> type = "text / css"> entrée {width: 30px; height: 20px; text-align: Center;} # tbcalculator td {text-adign: central; vertical-align: middle;} </ style> <script type = "text / javascript"> var résultat; // Enregistrez la valeur numérique dans la zone d'entrée avant l'opérateur de clic; // Enregistrer l'opérateur var isPressEqualsKey = false; // Enregistrez si vous devez appuyer sur ou non "=" key // Number Key Event Fonction ConnectionDigital (Control) {var txt = document.getElementById ('txtscream'); if (isPressEqualsKey) {txt.value = ""; // Le calcul a été effectué, puis effacez la zone d'entrée numérique et recommencez IspressEqualsKey = false;} // le point décimal existe déjà dans l'entrée numérique, alors le point décimal n'est pas autorisé à être entré si (txt.value.indexof ('.')> -1 && contrôle.value == ') return false; txt.value + = contrôle. // attribue la valeur de contrôle à la boîte d'entrée numérique} // fonction de l'événement backspace backspace () {var txt = document.getElementByid ('txtscream'); txt.value = txt.value.substring (0, txt.value.length - 1);} // Event de la clé NUMERI clearall () {document.getElementById ('txtscream'). value = ""; result = ""; opérator = "";} // +, -, *, / l'événement Calcul de la fonction (Control) {// Enregistrer l'opérateur dans l'opérateur variable global = Control.Value; var txt = document.getElementByid ('txtscream'); if (txt.value == "") return false; // Il n'y a pas de nombre dans la zone d'entrée numérique, alors l'opérateur ne peut pas être entré // Enregistrer la valeur dans la zone d'entrée numérique dans le résultat d'expression de calcul = txt.Value; // Effacez la zone d'entrée à saisir dans la valeur d'opération txt.value = ""; } // La fonction de résultat de calcul getResult () {var opValue; // l'opérateur var sourceValue = paSefloat (résultat); var txt = document.getElementyid ('txtscream'); if (opérateur == '*') opvalue = surseSevalue * ') opvalue (txt.value); else if (opérateur ==' / ') opvalue = txt.value); Else sursevalue / parsefloat (txt.value); else if (opérator == '+') opvalue = sursevalue + parsefloat (txt.value); else if (opérator == '-') opvalue = SUSSEVALUE - parsefloat (txt.value); txt.value = opvalue; isPressKey = Result = ""; opcalue = "";} </cript> </-head> <body> <table id = "tbcalculator" align = "Center" CellPadding = "0" Cellpacing = "0" borderColor = "# 0066FF"> <tr> <td ColSpan = "4" Align = "Center"> <entrée = "Text" Name = "TXTSCRARE" readonly = "readonly" /> </ td> </tr> <tr> <td Colspan = "2"> <input type = "Button" name = "btnce" id = "btnce" value = "ce" align = "droit"; onclick = "clearall ();" /> </ td> <td ColSpan = "2"> <input type = "Button" name = "btn10" id = "btn10" value = "backspace" align = "droit"; onClick = "backspace ();" /> </ td> </ tr> <tt> <td> <entrée type = "Button" name = "btn7" id = "btn7" value = "7" onclick = "connectionDigital (this);" /> </ td> <td> <entrée type = "Button" name = "btn8" id = "btn8" value = "8" onClick = "ConnectionDigital (this);" /> </td> <td> <input type = "Button" name = "btn9" id = "btn9" value = "9" onClick = "ConnectionDigital (this);" /> </ td> <td> <input type = "Button" name = "btn6" id = "btn6" value = "/" onclick = "calcul (this);" /> </ td> </ tr> <tt> <td> <entrée type = "Button" name = "btn4" id = "btn4" value = "4" onClick = "ConnectionDigital (this);" /> </ td> <td> <entrée type = "Button" name = "btn5" id = "btn5" value = "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 = "Calcul (this);" /> </ td> </ tr> <td> <td> <input type = "Button" name = "btn1" id = "btn1" value = "1" onclick = "connectionDigital (this);" /> </ td> <td> <entrée type = "Button" name = "btn2" id = "btn2" id = "btn2" value = "2" " onClick = "ConnectionDigital (this);" /> </ td> <td> <entrée type = "Button" name = "btn3" id = "btn3" value = "3" onclick = "ConnectionDigital (this);" /> </ td> <td> <intry type = "Button" name = "btn18" id = "btn18" value = "-" - ". onClick = "Calcul (this);" /> </ td> </ tr> <tr> <td> <input type = "Button" name = "btn0" id = "btn0" value = "0" onclick = "connectionDigital (this);" /> </ td> <td> <entrée type = "Button" name = "btndot" id = "btndot" value = "." onClick = "ConnectionDigital (this);" /> </ td> <td> <input name = "btn22" type = "bouton" id = "btn22" value = "=" onclick = "getResult ();" /> </ td> <td> <entrée type = "Button" name = "btn23" id = "btn23" value = "+" onclick = "calcul (this);" /> </ td> </tr> </ table> </ body> </html>Le code ci-dessus pour implémenter une calculatrice simple dans JavaScript est tout le contenu que j'ai partagé avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.