随机滚动2个骰子(带URL)

时间:2016-11-11 13:18:47

标签: javascript html arrays random

我有滚动2个骰子的问题,然后,如果它们匹配,脚本应该返回它是哪一对。

我的服务器上有骰子照片。

我必须做一些非常简单的事情,但现在无法弄明白它是什么。

以下是我创建的此任务页面的网址:http://rockworksstudio.fi/mamk/js/ot4/ot4b.html

这是我在该页面上的当前代码:

var n1 = document.getElementsById("noppa1");
var n2 = document.getElementsById("noppa2");
var pari = document.getElementById("pari");
var pairs = ["Ykköset", "Kakkoset", "Kolmoset", "Neloset", "Vitoset", "Kutoset"];

function pelaa() {
  var dice1 = Math.floor(Math.random() * (6)) + 1;
  var dice2 = Math.floor(Math.random() * (6)) + 1;
  var url1 = "noppakuvat/noppa" + dice1 + ".jpg";
  var url2 = "noppakuvat/noppa" + dice2 + ".jpg";

  n1.src = url1;
  n2.src = url2;

  if dice1 == dice2 {
    pari.innerHTML = pairs.[dice1 - 1];
  } else pari.innerHTML = "";
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<button type="button" id="button" onClick="pelaa()">Pelaa</button>
<p>
  <img src="noppakuvat/noppa1.jpg" id="noppa1" />
  <img src="noppakuvat/noppa1.jpg" id="noppa2" />
</p>

<p id="pari"></p>

2 个答案:

答案 0 :(得分:1)

  • if dice1 == dice2 {需要if (dice1 == dice2) {
  • pari.innerHTML = pairs.[dice1 - 1];应该没有点。
  • document.getElementsById需要单数

感谢Andrew Bone的骰子:)

&#13;
&#13;
var n1 = document.getElementById("noppa1");
var n2 = document.getElementById("noppa2");
var pari = document.getElementById("pari");
var pairs = ["Ykköset", "Kakkoset", "Kolmoset", "Neloset", "Vitoset", "Kutoset"];

function pelaa() {
  var dice1 = Math.floor(Math.random() * (6)) + 1;
  var dice2 = Math.floor(Math.random() * (6)) + 1;
  var url1 = "https://www.random.org/dice/dice" + dice1 + ".png";
  var url2 = "https://www.random.org/dice/dice" + dice2 + ".png";

  n1.src = url1;
  n2.src = url2;

  if (dice1 == dice2) {
    pari.innerHTML = pairs[dice1 - 1];
  } else {
    pari.innerHTML = "";
  }
}
&#13;
https://www.random.org/dice/dice1
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button type="button" id="button" onClick="pelaa()">Pelaa</button>
<p>
  <img src="https://www.random.org/dice/dice1.png" id="noppa1" />
  <img src="https://www.random.org/dice/dice1.png" id="noppa2" />
</p>

<p id="pari"></p>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您的代码中出现了一些语法错误。

ERROR1 :在if statment condition中添加括号:

if dice1 == dice2 { // error 1, add parenthesis

应该成为:

if (dice1 == dice2) {

ERROR2 :从成对数组中删除点:

pari.innerHTML = pairs.[dice1 - 1]; // error 2, remove dot

应该成为:

pari.innerHTML = pairs[dice1 - 1];

ERROR3 :没有getElementsById函数,但getElementById

var n1 = document.getElementsById("noppa1"); // error 3, change getElementsById to getElementById
var n2 = document.getElementsById("noppa2");

应该成为:

var n1 = document.getElementById("noppa1"); // error 3, change getElementsById to getElementById
var n2 = document.getElementById("noppa2");

然后你应该随心所欲地工作。