javascript案例
时间: 2023-07-28 22:07:56 浏览: 49
以下是一个简单的 JavaScript 案例,用于计算两个数字的和:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript Example</title>
</head>
<body>
<h2>JavaScript Example</h2>
<label for="num1">Enter first number:</label>
<input type="text" id="num1"><br><br>
<label for="num2">Enter second number:</label>
<input type="text" id="num2"><br><br>
<button onclick="addNumbers()">Add Numbers</button><br><br>
<p id="result"></p>
<script>
function addNumbers() {
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
var sum = num1 + num2;
document.getElementById("result").innerHTML = "The sum of " + num1 + " and " + num2 + " is " + sum;
}
</script>
</body>
</html>
```
这个案例中,我们创建了两个输入框,一个按钮,以及一个用于显示结果的段落。当用户输入两个数字并点击按钮时,JavaScript 函数 `addNumbers()` 将获取这两个数字,将它们相加,并将结果显示在段落中。