วิธีการของบทความนี้ง่ายมากและแนวคิดก็คุ้มค่าที่จะแนะนำ โปรดดูที่
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> เครื่องคิดเลข JavaScript Simple </title>
<script>
// กำหนดตัวแปรส่วนกลาง var one = "1";
var two = "2";
var สาม = "3";
var four = "4";
var five = "5";
var six = "6";
var เจ็ด = "7";
var แปด = "8";
var เก้า = "9";
var zero = "0";
var plus = "+", ลบ = "-", multiply = "*", divide = "/", ทศนิยม = ".";
ฟังก์ชันป้อน (obj, string) {
obj.expr.value+= สตริง;
-
ฟังก์ชั่นการคำนวณ (obj) {// คลิกฟังก์ชั่นเท่ากับปุ่ม "=" เพื่อโทร; obj.expr.value = eval
</script>
</head>
<body>
<form name = "calc" id = "calc" action = "">
<table>
<td colspan = "4"> <อินพุต type = "text" name = "expr" size = "30" action = "compute (this.form)" /> </td>
<tr>
<td> <อินพุต type = "ปุ่ม" value = "7" onclick = "Enter (this.form, seven)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "8" onclick = "Enter (this.form, แปด)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "9" onClick = "Enter (this.form, เก้า)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = " /" onclick = "Enter (this.form, divide)" /> </td>
</tr>
<tr>
<td> <อินพุต type = "ปุ่ม" value = "4" onclick = "Enter (this.form, สี่)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "5" onclick = "Enter (this.form, Five)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "6" onclick = "Enter (this.form, หก)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = " *" onclick = "Enter (this.form, multiply)" /> </td>
</tr>
<tr>
<td> <อินพุต type = "ปุ่ม" value = "1" onclick = "Enter (this.form, one)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "2" onclick = "Enter (this.form, สอง)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "3" onclick = "Enter (this.form, สาม)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = " -" onclick = "Enter (this.form, minus)" /> </td>
</tr>
<tr>
<td colspan = "2"> <อินพุต type = "ปุ่ม" value = "0" onclick = "Enter (this.form, zero)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = "." onclick = "Enter (this.form, ทศนิยม)" /> </td>
<td> <อินพุต type = "ปุ่ม" value = " +" onclick = "Enter (this.form, plus)" /> </td>
</tr>
<tr>
<td colspan = "2"> <อินพุต type = "ปุ่ม" value = "=" onclick = "การคำนวณ (this.form)" /> < /td>
<td colspan = "2"> <อินพุต type = "ปุ่ม" value = "ac" onclick = "form.reset ()"/> </td>
</tr>
</table>
</form>
</body>
</html>
มันเป็นรหัส Super NB ระดับหลัก!