プログラムの実行順を上手く制御できなくて困っています

前提・実現したいこと

私は今JavaScriptを用いて数学Ⅲレベルの積分問題を生成するというプログラムを製作しています。
その製作途中で、プログラムの実行順を上手く制御できず詰まってしまってしまいました...

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

意図したとおりの実行結果が得られません
意図している処理：下記に示したコードにおいて、
処理1 -> 処理2 という順番で処理されることを期待しているのですが、
処理2 -> 処理1 という順番で処理されてしまいます。

該当のソースコード

JavaScript
1function IntegralType_0(Now){
2  return new Promise(resolve => {
3    setTimeout(() => {
4      /* 処理 */
5      resolve();
6    }, 10)
7  })
8}
9function TypeDeciding(Allowed,TypeAll){
10  return new Promise(resolve => {
11    setTimeout(() => {
12      var Dicision=rand(0,TypeAll); var Attempt=0;
13      while((Allowed&(2**Dicision))==0&&Attempt<50){Dicision=rand(0,TypeAll); ++Attempt;}
14      if(Attempt==50) Dicision=100
15      resolve(Dicision);
16    }, 10)
17  })
18}
19async function JudgeType(Now){
20  var IsSuccess = true;
21  var Type = await TypeDeciding(AllowType,TypeList.length-1);
22  switch(Type){
23    case 0 : 
24      await IntegralType_0(Now);
25      break;
26    }
27  return IsSuccess;
28}
29
30async function Generate(){
31  let Now=0;
32  // 処理1 ==========================
33  const LoopList=Array(N).fill(null)
34  await LoopList.forEach(() => {
35    ++Now;
36    JudgeType(Now).then((v) => {
37      console.log(QuestionOutput)
38    })
39  })
40  // 処理2 ==========================
41  console.log("CP")
42  $("#QuestionOutput").html(QuestionOutput);
43  $("#AnswerOutput").html(AnswerOutput);
44            
45  MathJax.Hub.Queue(["Typeset",MathJax.Hub,"QuestionOutput"]);
46  MathJax.Hub.Queue(["Typeset",MathJax.Hub,"AnswerOutput"]);
47}
48
49Generate();