首页如何在外链JavaScript中，利用prompt函数接收用户输入的两个数字，计算它们的和，并使用document.write()方法将结果显示到页面上？

如何在外链JavaScript中，利用prompt函数接收用户输入的两个数字，计算它们的和，并使用document.write()方法将结果显示到页面上？

时间: 2024-12-12 22:22:50 浏览: 2

在外链JavaScript中，你可以创建一个HTML页面包含一个简单的表单，然后利用`<script>`标签加载外部的JavaScript文件。在JavaScript文件中，可以使用`prompt`函数获取用户的输入，接着计算这两个数字的和，最后使用`document.write()`方法显示结果。以下是详细的步骤： 1. 创建一个HTML结构： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>外链JS计算和</title> </head> <body> <h2>请输入两个数字：</h2> <form id="inputForm"> <label for="num1">第一个数:</label> <input type="number" id="num1"><br> <label for="num2">第二个数:</label> <input type="number" id="num2"> <button onclick="calculateSum()">计算</button> </form> <p id="result"></p>  <script src="externalscript.js"></script> </body> </html> ``` 2. 创建外部JavaScript文件（externalscript.js）： ```javascript // 外部JavaScript文件 function calculateSum() { // 获取用户输入的数字 var num1 = parseInt(prompt("请输入第一个数字:")); var num2 = parseInt(prompt("请输入第二个数字:")); // 计算和 var sum = num1 + num2; // 使用document.write()显示结果，注意现代推荐使用更安全的DOM操作 document.getElementById("result").innerText = "两个数字的和是：" + sum; } ``` 在这个例子中，当点击“计算”按钮时，会触发`calculateSum`函数，用户输入的数字会被用于计算并显示在id为“result”的段落元素中。

阅读全文