Csvファイル読み込みプログラム

CSVファイル処理

<!-- ラジオボタンでスクリプトの選択肢を表示 -->
<div>
    <label><input type="radio" name="scriptOption" value="A"> Option A</label>
    <label><input type="radio" name="scriptOption" value="B"> Option B</label>
    <label><input type="radio" name="scriptOption" value="C"> Option C</label>
</div>

<!-- 選択したスクリプトを実行するためのボタン -->
<button id="executeButton">実行</button>

<!-- スクリプト実行結果の表示エリア -->
<div id="result"></div>

<!-- JavaScriptファイルの読み込み -->
<script src="script.js"></script>

// CSVファイルが選択されたときにファイルを読み込む処理
document.getElementById('csvFileInput').addEventListener('change', function(e) {
const file = e.target.files[0];
const reader = new FileReader();

reader.onload = function(event) {
    const text = event.target.result;
    const data = csvToArray(text);
    localStorage.setItem('csvData', JSON.stringify(data));  // データをローカルストレージに保存
};

reader.readAsText(file);

});

// 実行ボタンがクリックされたときに、選択されたオプションのスクリプトを実行
document.getElementById('executeButton').addEventListener('click', function() {
const selectedOption = document.querySelector('input[name="scriptOption"]:checked').value;
const data = JSON.parse(localStorage.getItem('csvData')); // 保存されたデータを取得
processCSVData(data, selectedOption);
});

// CSVを配列に変換する関数
function csvToArray(str, delimiter = ",") {
const rows = str.split("\n");
return rows.map(row => row.split(delimiter));
}

// CSVデータを処理し、選択されたオプションに応じてスクリプトを実行する関数
function processCSVData(data, selectedOption) {
data.forEach(row => {
const [condition, value] = row;

    if (condition === selectedOption) {
        switch(selectedOption) {
            case 'A':
                runScriptA(value);
                break;
            case 'B':
                runScriptB(value);
                break;
            case 'C':
                runScriptC(value);
                break;
            default:
                console.log('Unknown option');
        }
    }
});

}

// スクリプトAの内容
function runScriptA(value) {
document.getElementById('result').innerText = 'Running Script A with value: ' + value;
// ここにスクリプトAの処理を記述
}

// スクリプトBの内容
function runScriptB(value) {
document.getElementById('result').innerText = 'Running Script B with value: ' + value;
// ここにスクリプトBの処理を記述
}

// スクリプトCの内容
function runScriptC(value) {
document.getElementById('result').innerText = 'Running Script C with value: ' + value;
// ここにスクリプトCの処理を記述
}