該当のソースコード
html
1<input type = "file" id = "file1">
JavaScript
1document.getElementById("file1").addEventListener("change",function(evt){ 2 var data = [0,1,2];//イベントリスナ内で宣言された変数 3 console.log(data.length);//ファイル選択後"3"を出力 4}); 5 6console.log(data.length);//ここでもdataを使いたいのに使えない!
前提・実現したいこと
イベントリスナー内で使用していた変数(この場合はdata)をイベントリスナー外でも使用したい。
(実際は、選択したファイルからデータを抜き出しそれを配列に格納し呼び出す予定です。イベントリスナー内で宣言して、イベントリスナー外でも使用したいという流れは同じなため、内容を簡単にしてあります。)
発生している問題・エラーメッセージ
data is not defined(Chromeのコンソールログで確認しました)
試したこと
});(イベントリスナの閉じ括弧)の直前でreturn data; を挿入。エラーそのままです。
補足情報
言語 JavaScriptのみ
ブラウザ Google Chrome
以上、不明な点等ありましたら補足いたしますのでよろしくお願いします。
(サンプルコードは、コメント文で少し細かな説明を書いていただけるとありがたいです。)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。