JavaScriptで4択問題を作成しているのですが、答えがうまく表示されません

Question

前提・実現したいこと

現在、JavaScriptでcsvファイルを二次配列として読み込み、問題文、選択肢、答えをランダムで表示、
ラジオボタンで選択し、ボタンで結果を表示するページを作成しています。

発生している問題・エラーメッセージ

ランダムで表示するまではいいのですが、ラジオボタンで選択後、結果を表示しようとすると、
10問あるうちの最後の問題(csvの最後の行)しか上手く動かず、それ以外では表示されません。

該当のソースコード

var Q;
var A;
var B;
var C;
var D;
var F;

function getCSV(){
  var req = new XMLHttpRequest();
  req.open("get", "../CSV/sample4.csv", true);
  req.send(null);
  req.onload = function(){
	convertCSVtoArray(req.responseText);
  }
}

function convertCSVtoArray(str){ 
    var result = [];
    var tmp = str.split("\n");

    for(var i=0;i<tmp.length;++i){
        result[i] = tmp[i].split(',');
    }

    var random = Math.floor( Math.random() * 11 );
    
    Q = result[random][0];
    A = result[random][1];
    B = result[random][2];
    C = result[random][3];
    D = result[random][4];
    F = result[random][5];
    document.getElementById("Q").innerHTML = (Q)
    document.getElementById("a").innerHTML = (A)
    document.getElementById("b").innerHTML = (B)
    document.getElementById("c").innerHTML = (C)
    document.getElementById("d").innerHTML = (D)
    document.getElementById("change").value = "次の問題へ";
}

function lol() {  
    check1 = document.form1.Radio1.checked;
    check2 = document.form1.Radio2.checked;
    check3 = document.form1.Radio3.checked;
    check4 = document.form1.Radio4.checked;

    target = document.getElementById("output");

    if (F == "A"){
        if (check1 == true) {
          target.innerHTML = "お見事、正解です";
          }
          else if (check2 == true) {
          target.innerHTML = "残念、間違いです";
          }
          else if (check3 == true) {
          target.innerHTML = "残念、間違いです";
          }
          else if (check4 == true) {
          target.innerHTML = "残念、間違いです";
          }
        }  
    else if (F == "B"){
        if (check1 == true) {
          target.innerHTML = "残念、間違いです";
          }
          else if (check2 == true) {
          target.innerHTML = "お見事、正解です";
          }
          else if (check3 == true) {
          target.innerHTML = "残念、間違いです";
          }
          else if (check4 == true) {
          target.innerHTML = "残念、間違いです";
          }
        }
    else if (F == "C"){
        if (check1 == true) {
            target.innerHTML = "残念、間違いです";
          }
            else if (check2 == true) {
            target.innerHTML = "残念、間違いです";
          }
            else if (check3 == true) {
            target.innerHTML = "お見事、正解です";
          }
            else if (check4 == true) {
            target.innerHTML = "残念、間違いです";
          }
        }
    else if (F == "D"){
        if (check1 == true) {
            target.innerHTML = "残念、間違いです";
          }
            else if (check2 == true) {
            target.innerHTML = "残念、間違いです";
          }
            else if (check3 == true) {
            target.innerHTML = "残念、間違いです";
          }
            else if (check4 == true) {
            target.innerHTML = "お見事、正解です";
          }
        }                          
}

HTML
<span id="Q">ここに問題文が表示されます</span><br>
<form name="form1" action="">
<input type="radio" name="i" id="Radio1">
<span id="a"></span><br>
<input type="radio" name="i" id="Radio2">
<span id="b"></span><br>
<input type="radio" name="i" id="Radio3">
<span id="c"></span><br>
<input type="radio" name="i" id="Radio4">
<span id="d"></span><br>
<input id="change" type="button" value="開始" onclick="getCSV()">
<input id="answer" type="button" value="答えは" onclick="lol()">
</form>
<div id="output"></div>

csv
1,A,B,C,D,A
2,E,F,G,H,B
3,I,J,K,L,C
4,M,N,O,P,D
5,Q,R,S,T,A
6,U,V,W,X,B
7,Y,Z,a,b,C
8,c,d,e,f,D
9,g,h,i,j,A
10,k,l,m,n,B

試したこと

10番以外の問題でも答えは読み込まれているのか確認するために、開始ボタンを押すと、
答えも表示されるようにした結果、うまく読み込まれてはいるようです

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

「読み込まれているか確認」は変数resultをconsole.log()で確認されたほうが確実です。

[HIYO_N0624]

console.logを関数lol内に組んで実行すると、読み込まれていることは確認できまし

[Lhankor_Mhy]

『最後の問題(csvの最後の行)しか上手く動かず、それ以外では表示されません』とは具体的には、「何が」表示されないのでしょうか？　"お見事、正解です"とかですか？

[Lhankor_Mhy]

ああ、もしかして、改行コード\r\nじゃないですか？

Answer 1

補足依頼にも書きましたが、おそらくCSVファイルの改行コードがCRLFとなっていて、.split("\n")で配列に変換した際のお尻に\rが残り、条件文がすべて不成立となるのだと思います。
なので、

    F = result[random][5].trim();

とすればよいのではないかと。

Comments

[HIYO_N0624]

回答のように修正した結果、うまく動きました。ありがとうございました。

[Lhankor_Mhy]

これは場当たり的な修正ですので、きちんとした修正をすることをお勧めします。

Answer 2

このコードは、targetを１０回上書きしているだけですから、結局最後のメッセージだけ反映されます。
次のように、

// 結果文字列の初期化
var str="";

// 各if文内での採点結果の文字列追加
str += '(お見事、正解です等の結果メッセージ)' + '<br>\n'; 

// if文を抜けての結果文字列strの<div>タブへの書き出し
target.innerHTML = str;

のような修整を行えばいいでしょう。

Comments

[HIYO_N0624]

修正してみたのですが、まだ１０問目しか表示されません

[seastar3]

どのように修整したか示して下さい。

[seastar3]

文字列が結合されないのは、最も可能性があるのは、"+=" のコードを "="と間違えて打ち込んでいるからではないでしょうか。それとも私のコードを当てはめる位置を勘違いなさっているか。いずれにせよ、修正版のコードを回答の追加か、質問文の追加訂正で示してくれれば、アドバイスできます。

[Lhankor_Mhy]

マイナス評価をした者ですが、このコードは lol()関数が10回呼ばれるわけではないので、質問を誤読されているかと思います。

[HIYO_N0624]

すいません、自分の説明が下手でした。ご迷惑をおかけしました。