Javascript岩石，紙，剪刀遊戲。我的代碼有什麼問題？

我希望代碼獲取用戶在輸入字段中輸入的值，並將其傳遞給變量userChoice。我不知道爲什麼這段代碼不工作，唯一的學習方法是問你們。Javascript岩石，紙，剪刀遊戲。我的代碼有什麼問題？

HTML：

<h3> Choose your destiny !</h3> 

<form> 
    <input type="text" id="form" /> 
    <input type="button" id="button" value="Click Me!" onclick="clickMe();" /> 
</form>

的JavaScript：

var computerChoice = Math.random(); 
var userChoice = ""; 

function clickMe() { 
    document.getElementById("form").value === userChoice; 
} 

if (computerChoice < 0.33) { 
    computerChoice = "rock"; 
}; 
if (computerChoice < 0.66) { 
    computerChoice = "paper"; 
}; 
if (computerChoice < 1) { 
    computerChoice = "scissors"; 
}; 

if (userChoice === "rock" && computerChoice === "rock") { 
    alert("It's a tie!"); 
} else if (userChoice === "rock" && computerChoice === "paper") { 
    alert("Computer Wins!"); 
} else if (userChoice === "rock" && computerChoice === "scissors") { 
    alert("You WIN!"); 
}; 

if (userChoice === "paper" && computerChoice === "rock") { 
    alert("You WIN!"); 
} else if (userChoice === "paper" && computerChoice === "paper") { 
    alert("It's a TIE!"); 
} else if (userChoice === "paper" && computerChoice === "scissors") { 
    alert("Computer Wins!"); 
}; 

if (userChoice === "scissors" && computerChoice === "rock") { 
    alert("Computer Wins!"); 
} else if (userChoice === "scissors" && computerChoice === "paper") { 
    alert("You WIN!"); 
} else if (userChoice === "scissors" && computerChoice === "scissors") { 
    alert("It's a TIE!"); 
};

Fiddle

來源

2014-09-25 user3638147

的jsfiddle？幫助我來幫助你 – ne1410s 2014-09-25 21:25:57

兩個快速問題：只有一次 - 當頁面加載時，你只能獲得一個隨機的計算機選擇值。其餘的邏輯在頁面加載時也運行一個 - 它需要爲每次點擊觸發。 – dc5 2014-09-25 21:26:49

computerChoice將始終是「剪刀」，因爲Math.random（）總是小於1，它是最後一個條件。您應該對其重新排序1.「<1」2.「<0.66」3.「<0.33」 – 2014-09-25 21:35:47

你的功能clickMe不起作用像你期望我想：

function clickMe() { 
    userChoice = document.getElementById("form").value; 

    // ... rest of your code goes inside clickMe 
}

要分配一個值的變量，你需要一個=

來源

2014-09-25 21:27:34 Jonathan

這就是問題所在......謝謝！ – user3638147 2014-09-25 21:48:34

下面是簡單的方法

<div id="Result"></div> 
<div id="sellection"> 
    <a href="javascript:;" onClick="result(0)">Rock</a> 
    <a href="javascript:;" onClick="result(1)">Paper</a> 
    <a href="javascript:;" onClick="result(2)">Scissors</a> 
</div>

和腳本是：

function result(users){ 
    var choices = ["Rock","Paper","Scissors"]; 
    var succesResult = "You Loose :("; 
    var machines = Math.floor((Math.random() * 3)); 
    var dif = users-machines; 
    if(dif>0&&dif!=2||dif==-2){ 
     succesResult = "You Win :)"; 
    }else if(dif==0){ 
     succesResult = "You Draw"; 
    } 
    var resultText = "You Selected "+choices[users]+", Computer Selected "+choices[machines]+" and "+succesResult; 
    document.getElementById("Result").innerHTML = resultText; 
}

來源

2014-09-25 21:59:03

Javascript岩石，紙，剪刀遊戲。我的代碼有什麼問題？

回答

相關問題