将html输入链接到JavaScript游戏_Javascript_Html_Textfield

将html输入链接到JavaScript游戏

javascript html

将html输入链接到JavaScript游戏,javascript,html,textfield,Javascript,Html,Textfield,我正在尝试制作一个简单的JavaScript游戏，但不知道我做错了什么，请帮助 <html> <head> <script type="text/javascript"> function myFunction(form) { var input = form.input1.value; var input = input.toLowerCase(); var cpu = Math.floor(Math.random() * 6

我正在尝试制作一个简单的JavaScript游戏，但不知道我做错了什么，请帮助

<html>
<head>
<script type="text/javascript">
 function myFunction(form) {
     var input = form.input1.value;
     var input = input.toLowerCase();
     var cpu = Math.floor(Math.random() * 6) + 1

     if (input == "rock") {
         var input = 1;

     }
     elseif(input == "paper") {
         var input = 2;

     }
     elseif(input == "scissors") {
         var input = 3;

     } else {

         alert("Invalid Input!");
     }
     if (input == (1)) and(cpu == (3)) {
         alert("You Win!");

     }
     elseif(input == (2)) and(cpu == (1)) {
         alert("You Win!");

     }
     elseif(input == (3)) and(cpu == (2)) {
         alert("You Win!");

     }
     elseif(input == (1)) and(cpu == (3)) {
         alert("You Win!");

     } else {

         alert("you lose!");
     }

 }
</script>
<body>
rock = 1
paper = 2
scissors = 3
<form name="myform" action="" method="get">
<input type="text" name="input1">

</input>
<button name="button1" onClick="myFunction(form)">Go</button>
</form>
</body>
</html>


函数myFunction（表单）{
var输入=form.input1.value；
var input=input.toLowerCase（）；
var cpu=Math.floor（Math.random（）*6）+1
如果（输入=“岩石”）{
var输入=1；
}
elseif（输入=“纸张”）{
var输入=2；
}
elseif（输入=“剪刀”）{
var输入=3；
}否则{
警报（“无效输入！”）；
}
如果（输入==（1））和（cpu==（3））{
警惕（“你赢了！”）；
}
elseif（输入==（2））和（cpu==（1））{
警惕（“你赢了！”）；
}
elseif（输入==（3））和（cpu==（2））{
警惕（“你赢了！”）；
}
elseif（输入==（1））和（cpu==（3））{
警惕（“你赢了！”）；
}否则{
警惕（“你输了！”）；
}
}
岩石=1
纸张=2
剪刀=3
去

您的代码中有很多错误

我已经修改了你的Javascript和HTML，请将旧的和新的进行比较，看看修改了什么，让你知道你做错了什么

<html>
<head>
<script>
function myFunction() {
var shape = document.getElementById("shape");
var input = shape.value;
var cpu = Math.floor(Math.random() * 6) + 1;
if (input == 1 || input == 2 || input == 3){}
else if (input == "rock") {var input = 1;}
else if(input == "paper") {var input = 2;}
else if(input == "scissors") {var input = 3;}
else {alert("Invalid Input!"); return;}

if (input == 1 && cpu == 3) {alert("You Win! Rock Over Paper!");}
else if(input == 2 && cpu == 1) {alert("You Win! Paper Over Rock!");}
else if(input == 3 && cpu == 2) {alert("You Win! Scissors Over Paper");}
else {alert("You lose!");}

}
</script>
</head>
<body>
rock = 1
paper = 2
scissors = 3
<input type="text" name="input1" id="shape">
</input>
<input type="button" name="button1" onclick="myFunction()" value="Go">
</body>
</html>


函数myFunction（）{
var shape=document.getElementById（“shape”）；
var输入=shape.value；
var cpu=Math.floor（Math.random（）*6）+1；
如果（输入==1 | |输入==2 | |输入==3）{
else if（input==“rock”）{var input=1；}
如果（输入=“纸张”）{var输入=2；}
如果（输入=“剪刀”）{var输入=3；}
else{alert（“无效输入！”）；return；}
如果（input==1&&cpu==3）{alert（“你赢了！纸上摇滚！”）}
如果（输入==2&&cpu==1）{alert（“你赢了！纸对石头！”）；}
否则如果（输入==3&&cpu==2）{alert（“你赢了！剪刀在纸上”）；}
否则{警惕（“你输了！”）；}
}
岩石=1
纸张=2
剪刀=3

你的问题是什么？有什么问题吗？谢谢你真的很感激：）