用javascript写一个代码: 要求:1.设计网页实现输入两个数,对这两个数求和,将表达式及结果显示在本页内。2.输入一行文本,将输入的文本中的大写字母改为小写字母并显示在本页内。
时间: 2024-02-01 17:15:08 浏览: 77
js实现网页的两个input标签内的数值加减(示例代码)
以下是代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Demo</title>
<meta charset="UTF-8">
<script>
function sum() {
var num1 = parseFloat(document.getElementById("num1").value); // 获取第一个数值
var num2 = parseFloat(document.getElementById("num2").value); // 获取第二个数值
var result = num1 + num2; // 计算结果
document.getElementById("sumResult").innerHTML = num1 + " + " + num2 + " = " + result; // 显示表达式及结果
}
function convert() {
var text = document.getElementById("text").value; // 获取输入的文本
var convertedText = text.toLowerCase(); // 将大写字母转换为小写字母
document.getElementById("convertResult").innerHTML = convertedText; // 显示转换后的文本
}
</script>
</head>
<body>
<h1>求和计算器</h1>
<input type="text" id="num1" placeholder="请输入第一个数值"> +
<input type="text" id="num2" placeholder="请输入第二个数值">
<button onclick="sum()">计算</button>
<div id="sumResult"></div>
<hr>
<h1>文本转换器</h1>
<input type="text" id="text" placeholder="请输入文本">
<button onclick="convert()">转换</button>
<div id="convertResult"></div>
</body>
</html>
```
上述代码中,我们使用了两个函数 `sum()` 和 `convert()` 分别实现了求和和文本转换的功能。在 HTML 页面中,我们使用了两个输入框和两个按钮分别对应这两个功能,并且使用了 `document.getElementById()` 方法获取输入的数值和文本,使用了 `innerHTML` 属性将结果显示在页面中。
阅读全文