首页用javascript写一个代码：要求：1.设计网页实现输入两个数，对这两个数求和，将表达式及结果显示在本页内。2.输入一行文本，将输入的文本中的大写字母改为小写字母并显示在本页内。代码简单一点

用javascript写一个代码：要求：1.设计网页实现输入两个数，对这两个数求和，将表达式及结果显示在本页内。2.输入一行文本，将输入的文本中的大写字母改为小写字母并显示在本页内。代码简单一点

时间: 2024-02-01 20:15:13 浏览: 60

以下是一个简单的实现，包括对两个数求和和将输入文本中的大写字母改为小写字母： ```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 中。

阅读全文