使用JavaScript创建一个简单的计算机应用程序

用户可以输入两个数字和操作符，然后计算机会根据用户输入的操作符执行相应的计算。

代码如下所示：

<input type="number" id="num1">：这是用于输入第一个数字的输入框。我们使用type="number"属性指定输入类型为数字。
<select id="operator">：这是一个下拉列表，用于选择操作符。我们添加了四个选项，即加号、减号、乘号和除号。每个选项的value属性指定了相应的操作符。
<input type="number" id="num2">：这是用于输入第二个数字的输入框，与第一个输入框类似。
<button onclick="calculate()">Calculate</button>：这是一个按钮，当用户点击它时，会调用calculate()函数执行计算。
<p id="result"></p>：这是一个用于显示计算结果的段落元素这段HTML代码中包含了两个输入框用于输入数字，一个下拉列表用于选择操作符，和一个按钮用于执行计算。计算结果将显示在一个段落元素中。

接下来，我们需要在JavaScript文件中编写代码来实现计算功能。创建一个名为script.js的文件，并在其中添加以下代码：

var num1Input = document.getElementById("num1");：这行代码通过元素ID获取第一个输入框的引用。
var num2Input = document.getElementById("num2");：类似地，这行代码获取第二个输入框的引用。
var operatorSelect = document.getElementById("operator");：这行代码获取下拉列表的引用。
var resultElement = document.getElementById("result");：这行代码获取用于显示计算结果的段落元素的引用。
function calculate()：这是计算函数，当用户点击"Calculate"按钮时调用。
在计算函数内部，首先获取用户输入的数字和操作符。我们使用Number()将输入的字符串类型转换为数值类型。
接下来，根据操作符执行相应的计算，使用switch语句进行判断和计算。
最后，将计算结果显示在页面上，通过将结果赋值给resultElement.textContent来实现。

以上代码创建了一个计算函数calculate()，它根据用户输入的数字和操作符执行相应的计算，并将结果显示在页面上。

使用JavaScript创建一个简单的计算机应用程序|青训营