用javascript写一个代码: 要求:1.设计网页实现输入两个数,对这两个数求和,将表达式及结果显示在本页内。2.输入一行文本,将输入的文本中的大写字母改为小写字母并显示在本页内。代码简单一点
时间: 2024-02-01 22:15:13 浏览: 57
JAVASCRIPT 写一个函数 , 用户输入任意两个数字的任意算数运算 (简单的计算器小功能) , 并能弹出运算后的结果
以下是一个简单的实现,包括对两个数求和和将输入文本中的大写字母改为小写字母:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器和文本转换</title>
<meta charset="UTF-8">
</head>
<body>
<h1>计算器和文本转换</h1>
<form>
<label for="num1">第一个数:</label>
<input type="number" id="num1" name="num1"><br>
<label for="num2">第二个数:</label>
<input type="number" id="num2" name="num2"><br><br>
<input type="button" value="求和" onclick="calculate()"><br><br>
<label for="text">输入文本:</label>
<input type="text" id="text" name="text"><br><br>
<input type="button" value="转换" onclick="convert()"><br><br>
</form>
<div id="result"></div>
<script>
function calculate() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var sum = num1 + num2;
document.getElementById("result").innerHTML = num1 + " + " + num2 + " = " + sum;
}
function convert() {
var text = document.getElementById("text").value;
var lowercase = text.toLowerCase();
document.getElementById("result").innerHTML += lowercase;
}
</script>
</body>
</html>
```
在这个代码中,我们首先创建了一个表单,包括两个输入框和两个按钮。当用户点击“求和”按钮时,calculate() 函数会被调用,将两个输入框中的值相加,并将表达式和结果显示在 id 为“result”的 div 中。当用户点击“转换”按钮时,convert() 函数会被调用,将输入文本中的大写字母转换为小写字母,并将结果追加到 id 为“result”的 div 中。
阅读全文