最近我在学习JavaScript编程，今天我想和大家分享一个JavaScript小例子，希望对大家有所帮助。

首先，我想讲一下我所写的这个小例子要实现的功能。这个小例子是一个简单的计算器，用户可以在输入框中输入两个数字和一个运算符，然后点击“计算”按钮，即可得到计算结果。

下面是这个小例子的HTML代码：

 

 



计算

 

在这段代码中，我使用了HTML的``和``元素来创建输入框和按钮，以便用户输入数据并进行计算。还有一个`

`元素用于显示结果。

下面是JavaScript函数，用于实现计算器的计算功能：

script
  
function calculate() {
  
var num1 = parseFloat(document.getElementById("num1").value);
  
var num2 = parseFloat(document.getElementById("num2").value);
  
var op = document.getElementById("op").value;
  
var result;
  
switch(op) {
  
case "+":
  
result = num1 + num2;
  
break;
  
case "-":
  
result = num1 - num2;
  
break;
  
case "*":
  
result = num1 * num2;
  
break;
  
case "/":
  
result = num1 / num2;
  
break;
  
}
  
document.getElementById("result").innerHTML = "结果是：" + result;
  
}
  

这段代码首先获取用户输入的两个数字和运算符，然后使用`switch`语句来判断运算符并执行相应的运算。最后，将结果显示在`

`元素中。

在这个小例子中，我使用了三个

因此，我给这个小例子取名为“JavaScript实现简单计算器”。希望大家喜欢！

相似文章
• JSP和JavaScript：让Web应用动态化
  JSP和JavaScript：让Web应用动态化
  
  
• HTML文件中嵌入JavaScript脚本的几种方法
  HTML文件中嵌入JavaScript脚本的几种方法
  
  
• 学习JavaScript常量与变量
  学习JavaScript常量与变量
  
  
• 如何在JavaScript中导入背景图片
  如何在JavaScript中导入背景图片
  
  
• 学会这些 JavaScript 常用控制结构 轻松编写高效代码
  学会这些 JavaScript 常用控制结构 轻松编写高效代码
  
  
• 作为一名前端开发者
  作为一名前端开发者
  
  
• 我是如何将JavaScript和JSP结合的
  我是如何将JavaScript和JSP结合的
  
  
• 我了解的 JavaScript 与 Java 差异
  我了解的 JavaScript 与 Java 差异
  
  
• JavaScript实现Base64编码
  JavaScript实现Base64编码
  
  
• 使用Javascript实现Base64编码解码
  使用Javascript实现Base64编码解码
  
  
• 使用JavaScript编写老鼠走迷宫游戏
  使用JavaScript编写老鼠走迷宫游戏
  
  
• JavaScript实现快速排序
  JavaScript实现快速排序
  
  
• 真正理解nodeJS，nodejs是什么，深入理解node
  真正理解nodeJS，nodejs是什么，深入理解node
  
  
• ECMAScript和 Javascript的关系
  ECMAScript和 Javascript的关系
  
  

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