隨機滾動2個骰子（帶有URL）

Question

我有滾動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>

Answer 1

• if dice1 == dice2 {需要是if (dice1 == dice2) {
• pari.innerHTML = pairs.[dice1 - 1];應該沒有點。
• document.getElementsById必須是單數

感謝安德魯爲骨骰子:)

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 = ""; 
 
    } 
 
}

https://www.random.org/dice/dice1

<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>

Answer 2

你在你的代碼有一些語法錯誤。

ERROR1：加圓括號如果statment條件：

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]; 

誤差3：沒有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"); 

那麼你應該擁有的一切工作，只要你想。