получить неупорядоченные списки из массива

Question

У меня есть массив предложений, которые я хочу преобразовать в неупорядоченные списки HTML, в каждом из которых содержатся слова одного предложения, например: [Я играю на пианино и могу »] t

<ul>
<li> id = number</li>
<li>I</li>
<li>play</li>
<li>piano</li>
<li>the</li>
<li>can</li>
</ul> 

Я использую следующеечтобы (я хочу !!) перебрать массив, чтобы получить желаемый формат

    function makeQuest() {
      var quest=['I play piano the can', 'tired I am', 'are seven There week in a days'];
     
      for (var i=0; i< quest.length; i++){
            document.write('<ul class ="div3">')
      	 	document.write('<li id = "number">' + (i + 1) + '.' + ' '+ '</li>')
      	for (var j=0; j < quest[i].length; j++){
      		document.write('<li>')
      		document.write(quest[i][j]) 
      		document.write('</li>' + '</ul>')
      			}
      		}		
     };
     makeQuest()

Вместо этого я использую этот скрипт:

1.I
play piano the can
2. t
ired I am
3. a
re seven There week in a days.

Что я делаю неправильно?

Answer 1

split строки на пробелах (ваш подход идет по символам вместо слов):

function makeQuest() {
  var quest=['I play piano the can', 'tired I am', 'are seven There week in a days'];

  for (var i=0; i< quest.length; i++){
    document.write('<ul class ="div3">')
    document.write('<li>' + (i + 1) + '. </li>')
    for (var j=0; j < quest[i].split(' ').length; j++){
      document.write('<li>')
      document.write(quest[i].split(' ')[j]) 
      document.write('</li>')
    }
    document.write('</ul>')
  }		
};
makeQuest()

И (это выходит за рамки вашей проблемы) не используйте id="number" более одного раза.

Подробнее о split()