Can you add an index of one array into another without the array taking each letter separately?

In the code below, I tried to push and, on this occasion, spread the first index of the array into a new array. The idea was - whatever question was being asked currently would be put into this array.
``` else if (answer === questions[i][1]){

 console.log (`correct`);
counter++;
 correct = [...questions[i][0]];
console.log(correct);```

However, when I try this, the 'correct' array is filled with the question, but each letter of the question is a different index. It takes the index of 'questions' and breaks it up into individual letters and indices and puts them into 'correct'. This is some of what comes out: 35) ["S", "t", "i", "c", "k", "i", "n", "g", " ", "y", "o", "u", "r", " ", "n", "o", "s", "e", ",", " ", "m", "a", "k", "e", "s", " ", "y", "o", "u", " ", "w", "h", "a", "t", "?"]

Then when trying to make the ordered lists using (below), it only displays one letter for each ordered list, even if multiple questions were wrong or right.

``function createList (arr) { let item =''; for (let i = 0; i < arr.length; i++){ item +=<l1>${arr[i]}</l1>`; return item; } }

document.querySelector('main').innerHTML = <h1>you got ${counter} correct</h1> You got these questions right! <ol> ${createList(correct)} </ol> You got these questions wrong! <ol> ${createList(wrong)} </ol>;```

I feel like the places of error in my code is the consolidation into the second array, and the displaying it. The code worked for the first part of the assignment, but when it came to the lists, it fell apart. Is this because my code can't be adapted like this, or do I not know something?

This is my full code.

const questions = [
  ['How many lines are in the sea?', '1'],
  ['At max effort, can you breathe?', 'no'],
  ['Sticking your nose, makes you what?', 'sticky']
];

let message;
let counter = 0;
let correct = [];
let wrong = [];

for (let i = 0; i<questions.length; i++){
  let answer = prompt(questions[i][0]);


  if (!answer){
    message = prompt(`please respond`);
    /*do {
      let answer = prompt(questions[i][0]);
    }while(answer === null);*/
  }
   else if (answer === questions[i][1]){

     console.log (`correct`);
    counter++;
     correct = [...questions[i][0]];
    console.log(correct);



  } else {

    console.log (`wrong`);
    wrong = [...questions[i][0]];
      console.log(wrong);

  }
}
function createList (arr) {
  let item ='';
  for (let i = 0; i < arr.length; i++){
  item += `<l1>${arr[i]}</l1>`;
    return item;
  }
}


document.querySelector('main').innerHTML = `<h1>you got ${counter} correct</h1>
You got these questions right!
<ol> 
${createList(correct)}
</ol>
You got these questions wrong!
<ol>
${createList(wrong)}
</ol>`;