javaweb对给定一组数据[1,2,3,4,5,6,7,8,9,10],进行求和将原数组用列表形式显示出来,单击“求和按钮”,将求和结果,显示在p元素里面,p元素背景颜色为lightblue。
时间: 2023-10-26 08:19:39 浏览: 227
好的,您可以使用以下代码实现您的要求:
HTML代码:
```
<button onclick="sumArray()">求和</button>
<p id="result"></p>
```
JavaScript代码:
```
function sumArray() {
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var sum = 0;
var list = "<ul>";
for (var i = 0; i < arr.length; i++) {
sum += arr[i];
list += "<li>" + arr[i] + "</li>";
}
list += "</ul>";
document.getElementById("result").style.backgroundColor = "lightblue";
document.getElementById("result").innerHTML = "数组:" + list + "求和结果:" + sum;
}
```
上述代码中,sumArray()函数首先定义了一个含有10个元素的数组arr,然后在for循环中遍历数组,累加所有元素的值得到sum,并使用字符串拼接的方式生成一个列表形式的数组。最后将求和结果和数组列表显示在html中,同时设置p元素的背景颜色为lightblue。
阅读全文