Метод этой статьи очень прост, и идеи очень стоит порекомендовать. Пожалуйста, обратитесь к этому.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JavaScript Simple Calculator </title>
<Скрипт>
// определить глобальную переменную var one = "1";
var two = "2";
var three = "3";
var four = "4";
var five = "5";
var six = "6";
var Seven = "7";
var восемь = "8";
var dine = "9";
var Zero = "0";
var plus = "+", minus = "-", multiply = "*", divide = "/", decimal = "."; ";
функция enter (obj, string) {
obj.expr.value+= String;
}
Функция Compute (obj) {// Нажмите функцию, равную кнопке "=" для вызова; obj.expr.value = eval (obj.expr.value); // Использование js для получения метода eval () для вычисления имени в качестве формулы в Expr}
</script>
</head>
<тело>
<form name = "calc" id = "calc" action = "">
<Таблица>
<td colspan = "4"> <input type = "text" name = "expr" size = "30" action = "compute (this.form)" /> < /td>
<tr>
<td> <input type = "button" value = "7" onclick = "enter (this.form, Seven)" /> < /td>
<td> <input type = "button" value = "8" onclick = "enter (this.form, восемь)" /> < /td>
<td> <input type = "button" value = "9" onclick = "enter (this.form, dine)" /> < /td>
<td> <input type = "button" value = " /" onclick = "enter (this.form, divide)" /> < /td>
</tr>
<tr>
<td> <input type = "button" value = "4" onclick = "enter (this.form, four)" /> < /td>
<td> <input type = "value =" 5 "onclick =" enter (this.form, five) " /> < /td>
<td> <input type = "button" value = "6" onclick = "enter (this.form, six)" /> < /td>
<td> <input type = "button" value = " *" onclick = "enter (this.form, multiply)" /> < /td>
</tr>
<tr>
<td> <input type = "value =" 1 "onclick =" enter (this.form, one) " /> < /td>
<td> <input type = "button" value = "2" onclick = "enter (this.form, два)" /> < /td>
<td> <input type = "button" value = "3" onclick = "enter (this.form, three)" /> < /td>
<td> <input type = "button" value = " -" onclick = "enter (this.form, minus)" /> < /td>
</tr>
<tr>
<td colspan = "2"> <input type = "cutting" value = "0" onclick = "enter (this.form, Zero)" /> < /td>
<td> <input type = "button" value = "." onclick = "enter (this.form, decimal)" /> < /td>
<td> <input type = "button" value = " +" onclick = "enter (this.form, plus)" /> < /td>
</tr>
<tr>
<td colspan = "2"> <input type = "cutting" value = "=" onclick = "compute (this.form)" /> < /td>
<td colspan = "2"> <input type = "cutting" value = "ac" onclick = "form.reset ()"/> </td>
</tr>
</table>
</form>
</body>
</html>
Это супер -код NB, мастер -уровень!