帮我写一个html代码需求如下我会输入一批数据给你里面可能会包括空格及各种符号请把空格及各种符号都删掉并且在每个VCG的开头添加一个符号但是数据的开头不添加然后把这些数据以逗号分隔每个数据然后点击提交按钮程序将把这些数据分割成最多1000个数据一组的文本框并在页面上显示出来。用户可以在每个文本框中查看和修改数据。当用户想要将数据保存到本地时点击下载按钮程序将把所有文本框中的数据合并成一个文本文件并
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Data Processing</title>
<script src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/FileSaver.js"></script>
</head>
<body>
<h1>Data Processing</h1>
<label for="data-input">Enter Data:</label>
<textarea id="data-input" name="data-input" rows="10" cols="50"></textarea>
<br>
<button onclick="processData()">Submit</button>
<div id="text-boxes"></div>
<button onclick="downloadData()">Download</button>
<script>
function processData() {
var data = document.getElementById("data-input").value;
data = data.replace(/[^\w]/g, "");
data = data.replace(/VCG/g, ",VCG");
data = data.slice(1);
var dataArray = data.split(",");
var textBoxes = document.getElementById("text-boxes");
textBoxes.innerHTML = "";
var i, j, chunk;
for (i = 0, j = dataArray.length; i < j; i += chunk) {
chunk = Math.ceil((j - i) / (j - i > 1000 ? 1000 : j - i));
var textBox = document.createElement("textarea");
textBox.name = "data-box";
textBox.rows = "10";
textBox.cols = "50";
textBox.value = dataArray.slice(i, i + chunk).join(",");
textBoxes.appendChild(textBox);
}
}
<pre><code> function downloadData() {
var text = "";
var textBoxes = document.getElementsByName("data-box");
for (var i = 0; i < textBoxes.length; i++) {
text += textBoxes[i].value;
}
var blob = new Blob([text], {type: "text/plain;charset=utf-8"});
saveAs(blob, "data.txt");
}
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bVTh 著作权归作者所有。请勿转载和采集!