首页java script 案例

java script 案例

时间: 2023-09-24 15:09:43 浏览: 173

以下是一个简单的 JavaScript 案例，用于计算两个数字的和并将结果显示在网页上： ```html <!DOCTYPE html> <html> <head> <title>JavaScript 案例</title> </head> <body> <h1>计算器</h1> <input type="number" id="num1" placeholder="输入数字"> <input type="number" id="num2" placeholder="输入数字"> <button onclick="calculate()">计算</button> <p id="result"></p> <script> function calculate() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var result = num1 + num2; document.getElementById("result").innerHTML = "结果是：" + result; } </script> </body> </html> ``` 在 HTML 中，我们创建了两个文本框和一个按钮，用于输入两个数字并触发计算函数。在 JavaScript 中，我们定义了一个 `calculate` 函数，该函数获取输入的两个数字并计算它们的总和。最后，我们将结果显示在一个段落元素中。

阅读全文