你能帮我用石头剪纸游戏javascript和一些HTML吗？_Javascript_Html_Css

你能帮我用石头剪纸游戏javascript和一些HTML吗？

javascript html css

你能帮我用石头剪纸游戏javascript和一些HTML吗？,javascript,html,css,Javascript,Html,Css,大家好，我正在尝试制作一个石头剪刀游戏，可以完成上面图片中的所有事情。我只能在这里张贴两个链接，但如果你想更多的图片，请让我知道。游戏开始时应该没有图像显示，直到选择了某个对象。我创建了一些代码，但对我来说效果不好。如果你能帮我，我会非常感激的！下面是我的代码 <body> <div class="game"> <div class= "choice"> <input name="player" type="rad

大家好，我正在尝试制作一个石头剪刀游戏，可以完成上面图片中的所有事情。我只能在这里张贴两个链接，但如果你想更多的图片，请让我知道。游戏开始时应该没有图像显示，直到选择了某个对象。我创建了一些代码，但对我来说效果不好。如果你能帮我，我会非常感激的！下面是我的代码

<body>
<div class="game">
        <div class= "choice">
            <input name="player" type="radio" id="rock"
                    value = "0"  checked="checked"/> <img src="rock.png" width="268" height="291" alt=""/>ROCK <br />


            <input name="player" type="radio" id="paper"
                value = "1" data-photo-url="http://www.clker.com/cliparts/Y/t/o/V/q/F/paper-md.png"/>
                                         PAPER <br />


            <input name="player"  type="radio" id="scissors"
                value = "2" data-photo-url="http://www.clker.com/cliparts/8/B/i/M/Y/Z/scissors-md.png" /> SCISSORS <br />
            <button id = "play">
                    PLAY
            </button>
        </div>

         <div class="players">
            <div>
                <H3>PLAYER</H3> <img class="player-pick" src="scissors-purple.png" width="268" height="291" alt=""/></div>
           <div>
               <H3>COMPUTER</H3><img class="computer-pick" src="http://www.clker.com/cliparts/Y/t/o/V/q/F/paper-md.png"></img> 
           </div>
        </div>

        <div class = "answers">
            <li>YOUR WINS:<input type="text" id= "output" size="5" /></li>
            <li>MY WINS:<input type="text" id = "output" size="5" /></li>
            <li>DRAWS:<input type="text" id = "output" size="5" /></li>
            <button id = "newgame">
                    NEW GAME
            </button>
        </div>
       <h3 class="instructions">Make your pick and click PLAY</h3>

    </div>
    <script src = "projectt.js"> </script>
</body>

我遇到了javascript的最大问题。这就是我所拥有的：

var choiceArray = ["paper", "rock", "scissors"];
var computerChoice = Math.floor(3*Math.random());
console.log(computerChoice);
if(computerChoice=0){
    computerChoice="rock";
}else if(computerChoice>1){
    computerChoice="paper";
}else{
    computerChoice="scissors";
}

console.log(computerChoice);

首先，我建议你改变一下

if(computerChoice=0){

到

首先，我建议你改变一下

if(computerChoice=0){

到

您的javascript不正确。应该是这样的

var computerChoice = Math.floor(3*Math.random());
console.log(computerChoice);

if(computerChoice==0){
    computerChoice="rock";
}else if(computerChoice==1){
    computerChoice="paper";
}else{
    computerChoice="scissors";
}

此外，如果您以这种方式实现，则不需要变量choiceArray

我注意到的另一件事是，你从网站上获取图像。你可以把它们放在本地。它会更快

对于未更改的图像，请查看post。

您的javascript不正确。应该是这样的

var computerChoice = Math.floor(3*Math.random());
console.log(computerChoice);

if(computerChoice==0){
    computerChoice="rock";
}else if(computerChoice==1){
    computerChoice="paper";
}else{
    computerChoice="scissors";
}

此外，如果您以这种方式实现，则不需要变量choiceArray

我注意到的另一件事是，你从网站上获取图像。你可以把它们放在本地。它会更快

对于未更改的图像，请查看post。

您的if语句完全不可靠。您在第一个if中使用赋值，而不是比较。在javascript中比较变量时，请使用“==”或“！==”。（是的，3等于。2在比较之前进行类型转换，这通常不是您想要的。）

第二种情况是，检查它是否大于1，而不是它是否等于1。只有当computerChoice==2时，这才是真的。这也应该是一张支票

但是，您不必进行所有检查，只需访问正在创建的随机索引处的数组选项即可

var computerChoice = choiceArray[Math.floor(3*Math.random())];

或

如果你想更明确一点

为什么要通过对数组索引执行if-else检查来访问数组位置？

您的if语句完全不可靠。

var choiceArray = ["paper", "rock", "scissors"];
var computerChoice = Math.floor(3*Math.random());
console.log(computerChoice);
switch(parseInt(computerChoice)) {
case 0:
    computerChoice="rock";
    break;
case 1:
    computerChoice="paper";
    break;
case 2:
    computerChoice="scissors";
    break;
default:
    console.log('how it just happened?');
}

console.log(computerChoice);

您在第一个if中使用赋值，而不是比较。在javascript中比较变量时，请使用“==”或“！==”。（是的，3等于。2在比较之前进行类型转换，这通常不是您想要的。）

第二种情况是，检查它是否大于1，而不是它是否等于1。只有当computerChoice==2时，这才是真的。这也应该是一张支票

但是，您不必进行所有检查，只需访问正在创建的随机索引处的数组选项即可

var computerChoice = choiceArray[Math.floor(3*Math.random())];

或

如果你想更明确一点

为什么要通过对数组索引执行if-else检查来访问数组位置

var choiceArray = ["paper", "rock", "scissors"];
var computerChoice = Math.floor(3*Math.random());
console.log(computerChoice);
switch(parseInt(computerChoice)) {
case 0:
    computerChoice="rock";
    break;
case 1:
    computerChoice="paper";
    break;
case 2:
    computerChoice="scissors";
    break;
default:
    console.log('how it just happened?');
}

console.log(computerChoice);

那样试试？我想这会更具可读性

那样试试？我想这会更容易阅读。

问题是什么？问题是图像没有改变，我不知道它们是否应该在HTML或javascript中。文本框也没有输出任何数字，播放按钮也不起作用。我知道我必须使用document.getelementbyid（'play'）.onclick=function（）{对于按钮，但它给了我一个错误，问题是什么？问题是图像没有改变，我不知道它们是否应该在HTML或javascript中。文本框也没有输出任何数字，播放按钮还没有工作。我知道我必须使用一个文档。getelementbyid（'play'）。onclick=function（）{对于按钮，但它给了我一个错误谢谢，我这样做了。你知道我必须在“document.getelementbyid（'play'）。onclick=function（）{”中放入什么才能让play按钮工作吗？调用一个javascript函数，它会得到计算机的选择（你的函数）并更改图像src（与我给你的链接中的方式相同）。然后比较结果。如果结果相同，则发布draw，或者计算谁赢并发布。谢谢，我这样做了。你知道我必须在“document.getelementbyid（'play'）。onclick=function（）{”中添加什么才能使play按钮起作用吗？调用一个javascript函数，该函数将获得计算机选择（你的函数）并更改图像src（与我给你的链接中的方法相同）。然后比较结果。如果结果相同，发布平局，或者计算谁获胜并发布。