2017-08-16 38 views
0

我正在创建一个岩石纸剪刀游戏,我使用的按钮,用户可以选择要么选择岩石纸或剪刀,但我不知道如何比较用户的答案和计算机的答案的结果找出谁赢了。如何在比较两个不同的值后进行更改?

number = Math.floor(Math.random()*6)+1; 

function results(){ 
    switch(number){ 
     case 6: case 5: var a = document.getElementById("computer").innerHTML="Rock"; 
     break; 
     case 4: case 3: var b = document.getElementById("computer").innerHTML="Paper"; 
     break; 
     case 2: case 1: var c = document.getElementById("computer").innerHTML="Scissors"; 
     break; 
    } 
} 

function paper(){ 
    switch(true){ 
     case (number <= 6): var paper = document.getElementById("user").innerHTML="Paper"; 
     break; 
    } 
} 

function rock(){ 
    switch(true){ 
     case (number <= 6): var rock = document.getElementById("user").innerHTML="Rock"; 
     break; 
    } 
} 

function scissors(){ 
    switch(true){ 
     case (number <= 6): var rock = document.getElementById("user").innerHTML="Scissors"; 
     break; 
    } 
} 
+1

'开关(真){ 情况下(数<= 6):'< - 具有'if'的解决方案将更具可读性和更短。 – zerkms

+0

[Rock,Paper,Scissors in JavaScript]可能的重复(https://stackoverflow.com/questions/17976883/rock-paper-scissors-in-javascript) – mscheker

+0

为什么你使用交换机作为条件语句?而且,所有的函数都会创建局部变量,然后不做任何事情。 – Carcigenicate

回答

0

你只需要一个功能,这将触发时,用户点击任何一个选项,然后在同样的功能,你产生一种选择计算机,然后根据他们找出赢家。检查下面的例子:

HTML:

<div id="c"></div> 
<div id="u"></div> 
<div id="r"></div> 
// send parameter to function, 1 for Rock, 2 for Paper and 3 for Scissors 
<button onclick="startg(1)"> 
    Rock 
</button> 
<button onclick="startg(2)"> 
    Paper 
</button> 
<button onclick="startg(3)"> 
    Scissors 
</button> 

的Java脚本:

function startg(userChoice){ 

document.getElementById("u").innerHTML=""; 
document.getElementById("c").innerHTML=""; 
document.getElementById("r").innerHTML=""; 

var comNumber = Math.floor(Math.random()*3)+1; 

switch (userChoice){ 
    case 1 : { 
     document.getElementById("u").innerHTML="You Choosed : Rock"; 
     break; 
     } 
    case 2 : { 
     document.getElementById("u").innerHTML="You Choosed : Paper"; 
     break; 
     } 
    case 3 : { 
     document.getElementById("u").innerHTML="You Choosed : Scissors"; 
     break; 
    } 
} 

switch (comNumber){ 
    case 1 : { 
     document.getElementById("c").innerHTML="Compouter Choosed :Rock"; 
     break; 
    } 
    case 2 : { 
     document.getElementById("c").innerHTML="Compouter Choosed :Paper"; 
     break; 
    } 
    case 3 : { 
     document.getElementById("c").innerHTML="Compouter Choosed :Scissors"; 
     break; 
    } 
} 


    //Results : 

    if (userChoice == 1 && comNumber==2) 
     document.getElementById("r").innerHTML="Result : Computer Win!"; 
    else if (userChoice == 2 && comNumber==1) 
     document.getElementById("r").innerHTML="Result : You Win!"; 
    else if (userChoice == 1 && comNumber==3) 
     document.getElementById("r").innerHTML="Result : You Win!"; 
    else if (userChoice == 3 && comNumber==1) 
     document.getElementById("r").innerHTML="Result : Computer Win!"; 
    else if (userChoice == 2 && comNumber==3) 
     document.getElementById("r").innerHTML="Result : Computer Win!"; 
    else if (userChoice == 3 && comNumber==2) 
     document.getElementById("r").innerHTML="Result : You Win!"; 
    else if (userChoice == comNumber) 
     document.getElementById("r").innerHTML="Result : Draw"; 
} 

这里你可以看到一个工作示例:https://jsfiddle.net/emilvr/wpkj6rw6/4/

相关问题