如何为javascript游戏添加分数

时间:2014-07-23 23:20:04

标签: javascript html input

我只是想知道如何为我的JavaScript游戏添加分数,因为我不确定谢谢:) 我试图得分,所以如果你赢了它会增加一个点,十点之后它会停止并显示你的十分之一。

<html>
<head>
<script>
  function myFunction() {
    var textfield1 = document.getElementById("textfield1");
    var input = textfield1.value;
    var input = input.toLowerCase();
    var cpu = Math.floor((Math.random() * 3) + 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 beats scissors!");
    } else if(input == 2 && cpu == 1) {
      alert("You Win! Paper Over Rock!");
    } else if(input == 3 && cpu == 2) {
      alert("You Win! Scissors Cuts Paper");
    } else if (input == cpu) {
      alert("Its a tie!");
    } else {
      alert("You lose!");
    }
  }
</script>
</head>
<body align="center">
<img           src="https://31.media.tumblr.com/1bb16c331ba5cc303c0f370e9927c740/tumblr_inline_n2yc8uRLei1r6abro.jpg">
<br><br><br><h1><font size="10pt" face="Verdana" color="red">
Scissors Paper Rock Game!



</h1>
<input type="text" name="input1" id="textfield1">
</input><br>
<input type="button" name="button1" onclick="myFunction()" value="Go"><br><br>
<input type="number" name="myScore"value="0" readonly>
</body>
</html>

这是我的小提琴:http://jsfiddle.net/6Phv9/

1 个答案:

答案 0 :(得分:0)

您需要为得分和回合设置新变量。

myFunction()计算结果时,您可以在圆形变量中添加一个,只有在您获胜时才添加一个。

然后你会计算一轮是否大于10,在这种情况下你会调用一个新函数来处理游戏。

在跳转到JavaScript之前绘制流程图可能会有所帮助,因为这可以帮助在心理上可视化这样的代码。

编辑:从你上面的评论中,听起来你需要调查全局变量。声明函数外部的变量,它不会重置。