如何用PHP和HTML中的图像进行剪刀布石头布游戏



first page-im using 单选按钮。所以用户会点击例如摇滚,计算机会播放纸张,但我想要它使用图像..我刚开始编码,所以很迷茫

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Rock Paper Scissors Game</title>
</head>
<body>
<form action="rps3.php" method="post">
<h1> Rock Paper Scissors Game</h1>
    <p>Your Choice:</p>
    <p>Rock<input type="radio" value="rock" name="playerthrows"  />
       Paper<input type="radio" value="paper" name="playerthrows"  />
       Scissors<input type="radio" value="scissors" name="playerthrows" />
    </p>
    <p><input type="submit" value="Play"></p>

</form>
</body>
</html>

第二页 - 这就是我认为 PHP 的样子......我不知道如何附加图像+此代码不起作用。输出是这样的> 你选择:剪刀和 电脑选择:石头、纸、剪刀或>注意:未定义的偏移量:2 in/home/game/public_html/rps3.php 在第 20 行您选择:纸张&选择的计算机:

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Rock Paper Scissors Game</title>
</head>
<body>
<h1> Rock Paper Scissors Game</h1>
<?php
    if($_POST['playerthrows']){
}
    else if(!$_POST['playerthrows']){
}
        $playerthrows = $_POST['playerthrows'];
        $Choosefrom= array('rock, paper, scissors');
        $Choice= rand(0,2);
        $Computer=$Choosefrom[$Choice];
    echo 'You picked: '.$playerthrows.'';
    echo '<br />&<br />';
    echo 'The computer picked: '. $Computer .'';
    if($playerthrows == $Computer){
    }
    if ($playerthrows == $Computer){
    echo ' Draw  ';
    }
    else if($playerthrows == 'rock ' && $Computer == 'scissors'){
    echo 'You Win!';
}
    else if($playerthrows == 'rock' && $Computer == 'paper'){
    echo  'You Lose! ';
}
    else if($playerthrows == 'scissors' && $Computer == 'rock'){
    echo  ' You Lose! ';
}
    else if($playerthrows == 'scissors' && $Computer == 'paper'){
    echo ' You Win!' ;
}
    else if($playerthrows == 'paper' && $Computer == 'rock'){
    echo 'You Win!';
}
    else if($playerthrows == 'paper' && $Computer == 'scissors'){
    echo 'You Lose!' ;
}
?>      

</body>

我知道这些错误可能真的是菜鸟级别,但如果有人能提供帮助,我们将不胜感激

错误是你$Choosefrom变量只有一个元素, - 包含逗号的字符串。您应该将其替换为:

$Choosefrom= array('rock', 'paper', 'scissors');

如果你想使用图像,那么最好的方法就是把和石头纸或剪刀的图片放在一起,而不是标题。有一种方法可以使它更合理,但你需要学习CSS。

最新更新