0
window.loadは()ユーザーをさせることなく、3秒後に更新されますので、これは重複していないが、結果を参照してください完全にボタンクリックでロック、ペーパー、はさみゲームをリフレッシュする方法は?
私は何をしたいユーザーは、新しいを作るために別のボタンをクリックしたときにゲームが自動的にリセット持っています「リセット」ボタンをクリックするためにページをリフレッシュする必要はありません。
これには、スクリプトを再度実行する前にinnerHTMLをクリアして変数onclickをリセットする必要がありますか?
私のコードはここにある:http://jsbin.com/yuvalucupo/edit?html,css,js
//var rock = document.getElementById("rock");
//var paper = document.getElementById("paper");
//var scissors = document.getElementById("scissors");
var screen = document.getElementById("screen");
var compAnswer = Math.random();
//Set computer value
if (compAnswer >= 0 && compAnswer <= 0.33) {
compAnswer = "rock";
} else if (compAnswer >= 0.34 && compAnswer <= 0.66) {
compAnswer = "paper";
} else {
compAnswer = "scissors";
}
function result(choice1, choice2) {
if (choice1 === choice2) {
screen.innerHTML = "<p>It's a tie!</p>";
}
//Rock Start
else if (choice1 === "rock" && choice2 === "scissors") {
screen.innerHTML = "<p>Rock Wins!</p>";
} else if (choice1 === "rock" && choice2 === "paper") {
screen.innerHTML = "<p>Paper Wins!</p>";
}
//End Rock
//Paper Start
else if (choice1 === "paper" && choice2 === "scissors") {
screen.innerHTML = "<p>Scissors Wins!</p>";
} else if (choice1 === "paper" && choice2 === "rock") {
screen.innerHTML = "<p>Paper Wins</p>!";
}
//Paper End
//Scissors Start
else if (choice1 === "scissors" && choice2 === "paper") {
screen.innerHTML = "<p>Scissors Wins</p>";
} else if (choice1 === "scissors" && choice2 === "rock") {
screen.innerHTML = "<p>Rock Wins</p>";
}
//Scissors End
}
//Display Computer's Answer
function displayCompAnswer() {
var computer = document.getElementById("computerAnswer");
computer.innerHTML = compAnswer;
}
#screen, #computerAnswer {
height: 100px;
width: 250px;
background-color: lightgrey;
border: 1px solid black;
}
<div id="screen"></div>
<button id="rock" onclick="userAnswer = 'rock'; result(userAnswer, compAnswer); displayCompAnswer();">Rock</button>
<button id="paper" onclick="userAnswer = 'paper'; result(userAnswer, compAnswer); displayCompAnswer();">Paper</button>
<button id="scissors" onclick="userAnswer = 'scissors'; result(userAnswer, compAnswer); displayCompAnswer();">Scissors</button>
<div id="computerAnswer"></div>
[JSを使用してリフレッシュブラウザウィンドウ]の可能な重複(http://stackoverflow.com/questions/19791148/refresh-browser-window -using-js) – Cruiser
* "3秒後にwindow.load()がリフレッシュされるため、これは重複しません" *:重複しています。あなたはもちろん、そのコールを適切な場所に置く必要があります。その方法と* 3秒*の間にリンクはありません。どのボタンイベントを呼び出すかを決定します。 – trincot