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