最近，我学习了一些Javascript的知识。今天我打算用Javascript写一个简单的计算器，来巩固一下我的学习成果。在开始之前，我先将要使用的三个关键词列出来：Javascript、计算器、函数。

第一步：创建HTML文件

首先，我创建了一个简单的HTML页面，其中包括了一个文本框和一些按钮来实现计算器的基本功能。

   
 
   
 
  
  
  +
  -
  *
  /
  C
  =
  
  1
  2
  3
  4
  5
  
  6
  7
  8
  9
  0

第二步：编写Javascript代码

接下来，我在一个名为“calculator.js”的文件中编写Javascript代码，以添加一些基本的函数来实现计算器的功能。

var operator = ''; //保存运算符
var num1 = ''; //第一个数
var num2 = ''; //第二个数
function addToDisplay(num) {
  document.getElementById("display").value += num;
}
function clearScreen() {
  document.getElementById("display").value = '';
  num1 = '';
  num2 = '';
  operator = '';
}
function calculate(op) {
  operator = op;
  num1 = document.getElementById("display").value;
  clearScreen();
}
function getResult() {
  num2 = document.getElementById("display").value;
  clearScreen();
  var result = eval(num1 + operator + num2);
  document.getElementById("display").value = result;
}

第三步：测试计算器

最后，我打开我的HTML页面并开始测试计算器。我输入第一个数字，然后选择运算符，输入第二个数字，最后点击“=”来显示结果。试了几次后，我发现计算器运行良好，我成功的用Javascript写了一个简单的计算器。

总结：

在这次练习中，我成功地使用Javascript编写了一个简单的计算器。我学会了一些新的Javascript函数，并将它们应用到我的计算器中。我觉得这是一个很好的练习，因为我既可以练习Javascript，也可以实践基本的编程思想。

相似文章
• ECMAScript和 Javascript的关系
  ECMAScript和 Javascript的关系
  
  

友情链接
• 网站定制开发
• 帮你发
• 小蓄群站获客
• 雅圣洁家政