Javascript无法在简单的HTML页面中运行

时间:2018-04-07 18:01:33

标签: javascript html

我正在尝试创建一个简单的应用程序,它可以公平地掷骰子一次,然后是不公平的(朋友在行为研究班)。我之前从未写过javascript或html,所以我假设这里有一个菜鸟错误,但我找不到它。在我看来,这个页面的javascript部分甚至没有运行,但我无法弄清楚原因。

我在Atom中编写它,以.html格式保存,然后在谷歌浏览器中打开以进行测试,如果这很重要的话。

<!DOCTYPE html>
<html>
<head>
<title>Dice</title>

<script type="text/javascript">

function rollDiceF() {
  var sides = [1, 2, 3, 4, 5, 6];
  var v1 = Math.floor(Math.random() * sides.length);
  var v2 = Math.floor(Math.random() * sides.length);
  var n1 = sides[v1].toString();
  var n2 = sides[v2].toString();
  document.getElementById("myval").innerHTML = n1;
  //document.getElementById("n2").innerHTML = n2;
  //return choices[[sides[v1], sides[v2]];
}

function rollDiceNF() {
  var sides = [1, 2, 3, 4, 5, 6];
  if n%2 == 0 {
    var s2 = [1, 3, 5];
  }
  else {
    var s2 = [2, 4, 6];
  }
  var v1 = Math.floor(Math.random() * sides.length);
  var v2 = Math.floor(Math.random() * s2.length);
  var nf1 = sides[v1].toString();
  var nf2 = s2[v2].toString();
  document.getElementById("myval").innerHTML = nf1;
  document.getElementById("n2").innerHTML = nf2;
  //return([sides[v1], s2[v2]]);

}

</script>
</head>

<body onload="rollDiceF()">

<h1 align='center'>Dice</h1>
<p align='center'>The world's number one dice app</p>

<p align='center'>You rolled a: <span id="myval"></span></p>


</body>
</html>

1 个答案:

答案 0 :(得分:1)

if

中的function rollDiceNF()错过了括号
function rollDiceNF() {
  var sides = [1, 2, 3, 4, 5, 6];
  if (n%2 == 0) {
    var s2 = [1, 3, 5];
  }
  else {
    var s2 = [2, 4, 6];
  }
  var v1 = Math.floor(Math.random() * sides.length);
  var v2 = Math.floor(Math.random() * s2.length);
  var nf1 = sides[v1].toString();
  var nf2 = s2[v2].toString();
  document.getElementById("myval").innerHTML = nf1;
  document.getElementById("n2").innerHTML = nf2;
  //return([sides[v1], s2[v2]]);

}