无法显示随机数功能的结果

时间:2015-09-04 14:55:00

标签: javascript html

我在显示变量'uitkomst'的输出时遇到了一些麻烦,正如你所看到的那样,我想对随机数函数的输出采取行动。

Javascript(canvas.js):

->

HTML:

    var uitkomst = function dobbel()
{
return Math.floor((Math.random() * 6) + 1);
}

function dobbelresultaat()
{
  if (uitkomst() ==1) 
{
oog5();
}
  if (uitkomst() ==2) 
{
oog2(),oog5();
}
  if (uitkomst() ==3) 
{
oog1(),oog5(), oog9();
}

  if (uitkomst() ==4) 
{
oog1(),oog2(),oog4(),oog5();
}

  if (uitkomst() ==5) 
{
oog1(),oog3(),oog5(),oog7(),oog9();
}

  if (uitkomst() ==6) 
{
oog1(),oog2(),oog3(),oog4(),oog5(),oog6();
}
}

oog1()等示例:

<!DOCTYPE html >
<head>
  <title>Tekenprogrammatje</title>
  <script type="text/javascript" src="canvas.js"></script>
  <link rel="stylesheet" type="text/css" href="canvas.css">
</head>
<body>
  <div id="wrapper">
    <article>
      <button id="Gooi dobbelsteen" onClick="dobbel()">dobbel</button>
      <button id="resultaat" onClick="dobbelresultaat()">Laat uitkomst zien</button>
      <button id="tekeningweghalen" onClick="wisTekening(), wisTekening2()">Wissen</button>
    </article>
    <br>
  </div>
  <canvas id='figuur1' width="400" height="400"></canvas>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

更改var和功能

var uitkomst = 0; // global variable
function dobbel() {
  uitkomst = Math.floor((Math.random() * 6) + 1);
}

将逗号更改为分号并添加其他

function dobbelresultaat() {
  if (uitkomst == 1) { // testing the global var uitkomst now 
    oog5();
  }
  else if (uitkomst == 2) {
    oog2(); oog5();
  }

添加<html>代码:

<!DOCTYPE html>
<html> 
<head>

确保按钮不提交页面

<button type="button" ....