Computerguess在Javascript随机字母游戏中保持不变

Computerguess在Javascript随机字母游戏中保持不变,javascript,Javascript,我正在尝试创建一个随机字母游戏,其中计算机猜测一个随机字母,用户必须尝试并解决它。我希望计算机将猜测保存为多圈,但每次都选择一个新的数字。键入我希望在用户猜测正确的字母时更改字母,但无论如何它都保持“x”。这是我的第一篇文章,我是新的编码,所以请不要做傻子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>The Psychic Game&

我正在尝试创建一个随机字母游戏,其中计算机猜测一个随机字母,用户必须尝试并解决它。我希望计算机将猜测保存为多圈,但每次都选择一个新的数字。键入我希望在用户猜测正确的字母时更改字母,但无论如何它都保持“x”。这是我的第一篇文章,我是新的编码,所以请不要做傻子

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>The Psychic Game</title>



</head>
<body>

<h1>The Psychic Game</h1>

<div id="game">
<p>Guess what letter I'm thinking of</p>

<p>Wins: </p>
<p>Losses: </p>
<p>Guesses: 9</p>
<p>Your Guess So far: </p>


  <script type="text/javascript">



 var options = ["a", "b", "c", "d", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]; 
var wins= 0;
var losses= 0;
var turns= 9;
var guess="";





document.onkeyup = function(event) {
var computerGuess = options[Math.floor(Math.random()*options.length)];

console.log(computerGuess);



var userguess = event.key;





if (userguess == computerGuess) {
  wins++;
  turns = 9; 
  guess = ""; 
}

else if(userguess !== computerGuess) {
 turns--;
 guess += userguess + ", ";}







  if (turns ==0) {
    losses++;
    turns= 9;
    guess="";



}




var html = "<p>Guess what letter I'm thinking of</p>" + 
  "<p>wins: " + wins + "</p>" +
  "<p>losses: " + losses + "</p>" +
  "<p>turns: " + turns + "</p>"+
  "<p>Your Guess So Far: " + guess + "</p>";

document.querySelector('#game').innerHTML = html;









}




  </script>

</body>
</html>

心理游戏
心理游戏
猜猜我在想什么字母

胜利:

损失:

猜测:9

到目前为止,你的猜测是:

var期权=[“a”、“b”、“c”、“d”、“f”、“g”、“h”、“i”、“j”、“k”、“l”、“m”、“n”、“o”、“p”、“q”、“r”、“s”、“t”、“u”、“v”、“w”、“x”、“y”、“z”]; var=0; 风险价值损失=0; var=9; var guess=“”; document.onkeyup=函数(事件){ var computerGuess=options[Math.floor(Math.random()*options.length)]; console.log(computerGuess); var userguess=event.key; if(userguess==computerGuess){ wins++; 匝数=9; 猜测=”; } else if(userguess!==computerGuess){ 转--; 猜测+=用户猜测+“,;} 如果(圈数==0){ 损失++; 匝数=9; 猜测=”; } var html=“猜猜我在想什么字母”

“+ “获胜:“+wins+”

”+ “损失:“+损失+”

”+ “圈数:“+圈数+”

”+ 到目前为止你的猜测:“+Guess+”

”; document.querySelector(“#game”).innerHTML=html; }
工作小提琴。

添加了初始化条件

var options = ["a", "b", "c", "d", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]; 
var wins= 0;
var losses= 0;
var turns= 9;
var guess="";



var computerGuess;
var intialized=true;
document.onkeyup = function(event) {
debugger
if(intialized){
computerGuess = options[Math.floor(Math.random()*options.length)];
intialized=false;
}
alert(computerGuess);


var userguess = event.key;
if (userguess == computerGuess) {
computerGuess = options[Math.floor(Math.random()*options.length)];
  intialized=true;
  wins++;
  turns = 9; 
  guess = ""; 
}

else if(userguess !== computerGuess) {
 turns--;
 guess += userguess + ", ";}







  if (turns ==0) {
    losses++;
    turns= 9;
    guess="";



}




var html = "<p>Guess what letter I'm thinking of</p>" + 
  "<p>wins: " + wins + "</p>" +
  "<p>losses: " + losses + "</p>" +
  "<p>turns: " + turns + "</p>"+
  "<p>Your Guess So Far: " + guess + "</p>";

document.querySelector('#game').innerHTML = html;









}
var选项=[“a”、“b”、“c”、“d”、“f”、“g”、“h”、“i”、“j”、“k”、“l”、“m”、“n”、“o”、“p”、“q”、“r”、“s”、“t”、“u”、“v”、“w”、“x”、“y”、“z”];
var=0;
风险价值损失=0;
var=9;
var guess=“”;
var计算机猜测;
var初始值=真;
document.onkeyup=函数(事件){
调试器
如果(初始化){
computerGuess=options[Math.floor(Math.random()*options.length)];
初始化=假;
}
警报(计算机猜测);
var userguess=event.key;
if(userguess==computerGuess){
computerGuess=options[Math.floor(Math.random()*options.length)];
初始化=真;
wins++;
匝数=9;
猜测=”;
}
else if(userguess!==computerGuess){
转--;
猜测+=用户猜测+“,;}
如果(圈数==0){
损失++;
匝数=9;
猜测=”;
}
var html=“猜猜我在想什么字母”

“+ “获胜:“+wins+”

”+ “损失:“+损失+”

”+ “圈数:“+圈数+”

”+ 到目前为止你的猜测:“+Guess+”

”; document.querySelector(“#game”).innerHTML=html; }
这项功能非常有效。检查控制台。计算机猜测每次都是不同的。请注意,它在小提琴中与您所写的一模一样,并按预期工作。我还在最后一个if语句中加入了“computerGuess=options[Math.floor(Math.random()*options.length)];”这样,当turns=0时,当turns返回到9时,计算机猜测将变为一个新字母