首页使用JavaScript制作一个简单的加法器

使用JavaScript制作一个简单的加法器

时间: 2024-06-15 17:08:07 浏览: 153

使用JavaScript制作一个简单的加法器可以通过以下步骤实现： 1. 创建一个HTML文件，并在文件中添加一个输入框和一个按钮，用于输入两个数字和执行加法操作。 ```html <!DOCTYPE html> <html> <head> <title>加法器</title> </head> <body> <input type="number" id="num1" placeholder="请输入第一个数字"> <input type="number" id="num2" placeholder="请输入第二个数字"> <button onclick="add()">相加</button> <p id="result"></p> <script src="script.js"></script> </body> </html> ``` 2. 创建一个JavaScript文件（例如script.js），并在文件中编写加法函数和事件处理函数。 ```javascript function add() { // 获取输入框中的数字 var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); // 执行加法操作 var sum = num1 + num2; // 显示结果 document.getElementById("result").innerHTML = "结果：" + sum; } ``` 3. 在浏览器中打开HTML文件，输入两个数字，点击按钮即可执行加法操作并显示结果。

阅读全文