在javascript中缓慢循环后读取输出

我一直在为一个学校项目设计一个骰子，我似乎找不到解决这个问题的办法。基本上，当我尝试在for循环结束后读取“rnd”时，它不会输出它。它只在倒数第二个循环中执行。注：文本为荷兰语，但只需单击左下角的按钮即可开始掷骰子

var rnd=0
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var-kies=0；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
var n1=document.getElementById（'n1'）；
n1.style.cursor='指针'；
n1.onclick=函数（）{
kies=1；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var n2=document.getElementById（'n2'）；
n2.style.cursor='指针'；
n2.onclick=函数（）{
kies=2；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var n3=document.getElementById（'n3'）；
n3.style.cursor='指针'；
n3.onclick=函数（）{
kies=3；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var n4=document.getElementById（'n4'）；
n4.style.cursor='指针'；
n4.onclick=函数（）{
kies=4；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var n5=document.getElementById（'n5'）；
n5.style.cursor='指针'；
n5.onclick=函数（）{
kies=5；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var n6=document.getElementById（'n6'）；
n6.style.cursor='指针'；
n6.onclick=函数（）{
kies=6；
document.getElementById（“kies”）.innerHTML=“gekozen getal:”+kies；
};
var clk=document.getElementById（'clk'）；
clk.style.cursor='pointer'；
var cnt=0
clk.onclick=函数（）{
对于（变量i=0；i<10；i++）{
setTimeout（函数（）{
var rnd=Math.random（）*6；
rnd=数学四舍五入（rnd）；
如果（rnd==1）{
een（）；
};
如果（rnd==2）{
粗花呢（）；
};
如果（rnd==3）{
drie（）；
};
如果（rnd==4）{
维埃（）；
};
如果（rnd==5）{
vijf（）；
};
如果（rnd==6）{
zes（）；
};
碳纳米管++
如果（cnt==10）{
警报（“测试”）；
}
}，10*i*i）；
};
};
函数een（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（170，170，半径，0，2*Math.PI，false）；
context.fill（）；
}
函数twee（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（60,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280，280，半径，0，2*Math.PI，false）；
context.fill（）；
}
函数drie（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（60,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280，280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（170，170，半径，0，2*Math.PI，false）；
context.fill（）；
}
函数vier（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（60,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（60280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280，280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280,60，半径，0,2*Math.PI，false）；
context.fill（）；
}
函数vijf（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（170，170，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（60,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（60280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280，280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280,60，半径，0,2*Math.PI，false）；
context.fill（）；
}
函数zes（）{
var c=document.getElementById（'field'）；
var dbl=c.getContext（'2d'）；
dbl.fillStyle=“白色”；
dbl.fillRect（0,0340340）；
var canvas=document.getElementById（'field'）；
var context=canvas.getContext（'2d'）；
var半径=30；
context.beginPath（）；
context.fillStyle='black'；
弧（60,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（60280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280，280，半径，0，2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（280,60，半径，0,2*Math.PI，false）；
context.fill（）；
context.beginPath（）；
弧（60，170，半径，0，2*Math.PI，false）；
上下文
var clk = document.getElementById('clk');
clk.style.cursor = 'pointer';
var cnt = 0
clk.onclick = function() {
for (var i = 0; i < 10; i++) {
setTimeout(function() {
  var rnd = Math.random() * 6;
  rnd = Math.round(rnd);

  if (rnd == 1) {
    een();
  };
  if (rnd == 2) {
    twee();
  };
  if (rnd == 3) {
    drie();
  };
  if (rnd == 4) {
    vier();
  };
  if (rnd == 5) {
    vijf();
  };
  if (rnd == 6) {
    zes();
  };

  cnt++
  if (cnt == 10){
  score = rnd
  loop();
  }
}, 10 * i * i);
};
};

function loop(){
cnt = 0
if (kies == score){
alert("nice");
}
else {
alert("jammer");
}
}