タイピングゲーム 指定された順番で出題

Question

タイピングゲームを作成しているのですが、問題をつながった文にしているために
指定された順序で出題したいと考えています。

ランダムに出題するプログラムはいろいろ検索し、できました。
現時点で以下のようなJavaScript/htmlになっています。
ここからうまく書き換えて指定された順序で出題する方法を教えてください。

よろしくお願いします

<script>
var r=[
  ['00:30.00','abc'],
  ['01:00.00','xyz'],
  ['01:30.00','ijk'],
  ['02:30.00','aaa'],
  ['03:00.00','zzz'],
  ];
var qs=[
  'Hello World',
  'Good',
  'I love JavaScript',
  'This is MyApp',
  'Welcome'
  ];
const viewRank=()=>{
  document.querySelector('#rank span').innerHTML=r.map(x=>x.join(" ")).join("<br>");
};
window.addEventListener('DOMContentLoaded',()=>{
  viewRank();
  document.querySelector('#start').addEventListener('click',e=>{
    const t1=e.target;
    const t2=document.querySelector('#a');
    t1.disabled=true;
    t2.disabled=false;
    const name=prompt("your name?");
    if(name=="") name="noname";
    (async()=>{
      qs=qs.map(x=>[x,Math.random()]).sort((x,y)=>x[1]-y[1]).map(x=>x[0]);
      const s=new Date().getTime();
      for(var i=0;i<qs.length;i++){
        const qStr=qs[i];
        document.querySelector('#q span').textContent=qStr;
        t2.value="";
        t2.focus();
        await new Promise(resolve=>{
          const timerId=setInterval(()=>{
            if(t2.value==qStr){
              clearInterval(timerId);
              resolve();
            }
          },10);
        });
      }
      const e=new Date().getTime();
      const diff=e-s;
      const str=(10000+diff/1000).toString();
      const time=str.substr(1,2)+":"+
               str.substr(3,5);
      r.push([time,name]);
      //r=await r.sort((x,y)=>x[0]>y[0]).splice(0,5);
      //以下修正版
      r=await r.sort((x,y)=>x[0]>y[0]?1:-1).splice(0,5);
      viewRank();
      t1.disabled=false;
      t2.disabled=true;
    })();
  });
});

</script>
<input type="button" value="start" id="start">
<div id="q">Q:<span></span></div>
<div>A:<input type="text" id="a"></div>
<div id="rank">rank:<br>
<span></span></div>

Comments

[退会済みユーザー]

https://teratail.com/help/avoid-asking

[Lhankor_Mhy]

『指定された順序』とはどこに書かれているのですか？

Answer 1

指定された順序で出題したい

qs=qs.map(x=>[x,Math.random()]).sort((x,y)=>x[1]-y[1]).map(x=>x[0]);

の箇所がqsをランダムに並べ替えています。
ここをコメントアウトしてください

Comments

[退会済みユーザー]

回答ありがとうございました。