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

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

时间: 2024-02-01 14:15:08 浏览: 78

以下是代码示例： ```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` 属性将结果显示在页面中。

阅读全文