La méthode de cet article est super simple et les idées valent la peine d'être recommandées. Veuillez vous y référer.
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Calculatrice simple JavaScript </Title>
<cript>
// définir la variable globale var one = "1";
var deux = "2";
var trois = "3";
var quatre = "4";
var cinq = "5";
var six = "6";
var sept = "7";
var huit = "8";
var nine = "9";
var zero = "0";
var plus = "+", moins = "-", multiply = "*", divide = "/", decimal = ".";
Fonction Entrée (obj, chaîne) {
obj.expr.value + = chaîne;
}
Fonction Compute (obj) {// Cliquez sur la fonction égale au bouton "=" à appeler; obj.expr.value = eval (obj.expr.value); // Utilisez JS pour obtenir la méthode eval () pour calculer le nom comme formule dans expr}
</cript>
</ head>
<body>
<form name = "calc" id = "calc" action = "">
<ballage>
<td colspan = "4"> <input type = "text" name = "expr" size = "30" action = "calcul (this.form)" /> </td>
<tr>
<td> <entrée type = "bouton" value = "7" onclick = "Entrée (this.form, sept)" /> </td>
<td> <entrée type = "bouton" value = "8" onclick = "Entrée (this.form, huit)" /> </td>
<td> <entrée type = "bouton" value = "9" onclick = "Entrée (this.form, neuf)" /> </td>
<td> <entrée type = "bouton" value = "/" onclick = "Entrée (this.form, divide)" /> </td>
</tr>
<tr>
<td> <entrée type = "bouton" value = "4" onclick = "Entrée (this.form, quatre)" /> </td>
<td> <entrée type = "bouton" value = "5" onclick = "Entrée (this.form, cinq)" /> </td>
<td> <entrée type = "bouton" value = "6" onclick = "Entrée (this.form, six)" /> </td>
<td> <entrée type = "bouton" value = "*" onclick = "Entrée (this.form, multiplier)" /> </td>
</tr>
<tr>
<td> <entrée type = "bouton" value = "1" onclick = "Entrée (this.form, un)" /> </td>
<td> <entrée type = "bouton" value = "2" onclick = "Entrée (this.form, deux)" /> </td>
<td> <entrée type = "bouton" value = "3" onclick = "Entrée (this.form, trois)" /> </td>
<td> <input type = "Button" value = "-" onClick = "Entrée (this.form, moins)" /> </td>
</tr>
<tr>
<td colspan = "2"> <input type = "bouton" value = "0" onclick = "Entrée (this.form, zéro)" /> </td>
<td> <entrée type = "bouton" value = "." onClick = "Entrée (this.form, décimal)" /> </td>
<td> <entrée type = "bouton" value = "+" onClick = "Entrée (this.form, plus)" /> </td>
</tr>
<tr>
<td colspan = "2"> <input type = "bouton" value = "=" onclick = "calcul (this.form)" /> </td>
<td colspan = "2"> <input type = "bouton" value = "ac" onclick = "form.reset ()" /> </td>
</tr>
</ table>
</ form>
</docy>
</html>
Est-ce un code super NB, un niveau maître!