在html页面中input框输入数组后经过js函数后输出
时间: 2024-02-06 20:12:05 浏览: 26
好的,你可以尝试以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>输入数组并输出</title>
<script>
function processArray() {
// 获取输入框中的数组字符串并转换为数组
var input = document.getElementById("inputArray").value;
var array = JSON.parse("[" + input + "]");
// 对数组进行处理
// 这里只是简单地将每个元素乘以2
for (var i = 0; i < array.length; i++) {
array[i] = array[i] * 2;
}
// 将处理后的数组输出到页面上
document.getElementById("outputArray").innerHTML = "[" + array + "]";
}
</script>
</head>
<body>
<div>
<label for="inputArray">输入数组:</label>
<input type="text" id="inputArray" placeholder="用逗号分隔每个元素" />
</div>
<div>
<button onclick="processArray()">处理数组</button>
</div>
<div>
<label for="outputArray">输出数组:</label>
<span id="outputArray"></span>
</div>
</body>
</html>
```
这个页面有一个输入框和一个按钮,输入框用于输入数组(用逗号分隔每个元素),点击按钮后会将输入的数组字符串转换为数组并进行处理,最后将处理后的数组输出到页面上。你可以在 `processArray` 函数中根据需要对数组进行处理。