Question

我正在尝试制作一个简单的猜数字游戏。我无法使功能正常运行，或向用户显示我的消息。我没有正确使用innerHTML吗？我还希望在正确猜测数字时重新加载游戏，我不确定它是否有效，因为游戏无法运行。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { AtendimentoRoutingModule } from './atendimento-routing.module';
import { AtendimentoComponent } from './atendimento/atendimento.component';
import { FormsModule }   from '@angular/forms';
@NgModule({
  imports: [
    CommonModule,
    AtendimentoRoutingModule,
    FormsModule 
  ],
  declarations: [AtendimentoComponent]
})
export class AtendimentoModule { }

var number = 0;
var output = document.getElementById("output").innerHTML;

function pickInteger() {
  "use strict";
  number = Math.floor(Math.random() * 10 + 1);
}

function checkGuess() {
  "use strict";
  var guess = document.getElementById("guess").value;
  if (guess == number) {
    alert(number + " " + "Is the correct number!");
    output = "";
    pickInteger();
  }
  if (guess < number); {
    output = "The number I am thinking of is higher than" + guess;
  } else if (guess > number); {
    output = "The number I am thinking of is lower than" + guess;
  }
}

Answer 1

你有一个分号if (guess < number);和else if (guess > number);这是错误的只是将其删除它会开始工作，请参阅下面的代码

var number = 0;
var output = document.getElementById("output").innerHTML;
var consolecounter = 0;

function pickInteger() {
  "use strict";
  number = Math.floor(Math.random() * 10 + 1);
}


$(document).ready(function() {
  pickInteger();
  $("form[name='AForm']").on('submit', function(e) {
    "use strict";
    e.preventDefault();
    var guess = parseInt(document.getElementById("guess").value);
    if (guess == number) {
      alert(number + " " + "Is the correct number!");
      output = "";
      pickInteger();
    }

    if (guess < number) {
      console.log("The number I am thinking of is higher than " + guess);
      consolecounter++;
    } else if (guess > number) {
      console.log("The number I am thinking of is lower than " + guess);
      consolecounter++;
    }
    clearConsole(consolecounter);
  })
})



function clearConsole(consolecounter) {
  (consolecounter == 3) && (setTimeout(function() {
    console.clear();
    consolecounter = 0;
  }, 2000));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="utf-8">
  <title>Guess the Number</title>

</head>

<body>
  <div>
    <h2><strong>Guess the Number</strong></h2>
  </div>
  <br/>
  <div id="formDiv">
    <form name="AForm" method="get">
      <p>The computer has picked a number between 1 - 99, you must choose the correct number to win the game. When you guess the right number the game will restart.<br/>
      </p>
      <div id="bodyDiv">
        <p> Your guess is:
          <input id="guess" type="text" size="1" name="theData" value="" autofocus/>
          <input type="submit" name="mybutton" value=" Guess ">
        </p>
        <p id="output">
        </p>
      </div>
    </form>
  </div>
</body>

</html>

简单的猜谜游戏

1 个答案: