javascript でcsvファイルを読み込みinput要素に値をセットする

実現したい事

表題の通りなのですが、javascript でcsvファイルを読み込みinput要素に値をセットしたいと考えています。
画面表示と同時にセットしてある状態にしたいと考えております。
宜しくお願いします。

困っていること

表示がされません。

以下のサイトを参考にさせていただきました。

[https://algorithm.joho.info/programming/javascript/csv-to-array/]

ソースコード

<!DOCTYPE html>
<html>
<head>
  <script>
    function csvToArray(path) {
        var csvData = new Array();
        var data = new XMLHttpRequest();        
        data.open("GET", path, false);
        data.send(null);
        var LF = String.fromCharCode(10);
        var lines = data.responseText.split(LF);
        for (var i = 0; i < lines.length;++i) {
                var cells = lines[i].split(",");
                if( cells.length != 1 ) {
                        csvData.push(cells);
                }
        }
        return csvData;
    }

// ページロード時に実行
    window.onload=function () {
         var data = csvToArray("list.csv");
         alert(data[0]);
    };
       
    document.getElementById("name").value = csvData[0];
    document.getElementById("tel").value = csvData[1];
    </script>
</head>

<body>
   <p>
    【会社名】<input size="50" type="text" name="name" class="name" id="name"  required="required" placeholder="貴社名を入力してください" title="入力内容に不備があるようです。お手数ですが、入力内容をご確認のうえ、再度ご入力ください。">
    【TEL】<input size="30" type="text" name="tel" class="tel" id="tel"  required placeholder="ハイフンをつけて入力してください" title="入力内容に不備があるようです。お手数ですが、入力内容をご確認のうえ、再度ご入力ください。">
    </p>
</body>
</html>