Javascript 如何分配val onClick
我正在与以下人员合作: HTML:Javascript 如何分配val onClick,javascript,html,onclick,var,Javascript,Html,Onclick,Var,我正在与以下人员合作: HTML: 石头、布、剪刀、蜥蜴、斯波克 CSS: var choices={rock:{name:“rock”,击败:{剪刀:“crushes”,蜥蜴:“crushes”}, 报纸:{名字:“报纸”,失败:{摇滚:“封面”,斯波克:“反驳”}, 剪刀:{名字:“剪刀”,失败:{纸:“剪”,蜥蜴:“斩首”}, 蜥蜴:{名字:“蜥蜴”,击败:{报纸:“吃”,斯波克:“毒药”}, 斯波克:{名字:“斯波克”,击败:{剪刀:“粉碎”,石头:“蒸发”} }; var comp
石头、布、剪刀、蜥蜴、斯波克
CSS:
var choices={rock:{name:“rock”,击败:{剪刀:“crushes”,蜥蜴:“crushes”},
报纸:{名字:“报纸”,失败:{摇滚:“封面”,斯波克:“反驳”},
剪刀:{名字:“剪刀”,失败:{纸:“剪”,蜥蜴:“斩首”},
蜥蜴:{名字:“蜥蜴”,击败:{报纸:“吃”,斯波克:“毒药”},
斯波克:{名字:“斯波克”,击败:{剪刀:“粉碎”,石头:“蒸发”}
};
var computerChoice=Math.random();
if(computerChoice非常简单!有两种选择:
- 在HTML中使用内联JavaScript
- 使用JavaScript-domapi来完成这项工作
选项#1:
点击我!
<h1>Rock, Paper, Scissors, Lizard, Spock</h1><br>
<div id="user-choice">
<button onClick="userChoice = rock" id="rock"><i class="fa fa-hand-rock-o fa-3x"></i></button>
<button onClick="userChoice = paper" id="paper"><i class="fa fa-hand-paper-o fa-3x"></i></button>
<button onClick="userChoice = scissors" id="scissors"><i class="fa fa-hand-scissors-o fa-3x"></i></button>
<button onClick="userChoice = lizard" id="lizard"><i class="fa fa-hand-lizard-o fa-3x"></i></button>
<button onClick="userChoice = spock" id="spock"><i class="fa fa-hand-spock-o fa-3x"></i></button>
</div>
var choices = {rock : {name: "Rock", defeats: {scissors: "crushes", lizard: "crushes"}},
paper: {name: "Paper", defeats: {rock: "covers", spock: "disproves"}},
scissors: {name: "Scissors", defeats:{paper : "cuts", lizard: "decapitates"}},
lizard: {name: "Lizard", defeats:{paper: "eats", spock: "poisons"}},
spock: {name: "Spock", defeats:{scissors : "smashes",rock : "vaporises"}}
};
var computerChoice = Math.random();
if (computerChoice <= 0.2) {
computerChoice = "rock";
} else if (computerChoice <= 0.4) {
computerChoice = "paper";
} else if (computerChoice <= 0.6) {
computerChoice = "scissors";
} else if (computerChoice <= 0.8) {
computerChoice = "lizard";
} else {
computerChoice = "spock";
}
document.write("I chose " + computerChoice + ".");
if(computerChoice == userChoice){
document.write(" It's a tie...");
}else{
userChoice = choices[userChoice];
var victory = userChoice.defeats[computerChoice] !== undefined;
computerChoice = choices[computerChoice]
if(victory) {
document.write(" You won! " + userChoice.name + " " + userChoice.defeats[computerChoice.name.toLowerCase()] + " " + computerChoice.name + "!")
}else{
document.write(" I won! " + computerChoice.name + " " + computerChoice.defeats[userChoice.name.toLowerCase()] + " " + userChoice.name + "!");
}
}