向 "Virtual pet" 游戏添加了功能，但我找不到我的错误

Question

我刚刚为我的虚拟宠物添加了睡眠和饥饿功能，但现在脚本无法运行，我不确定我做错了什么，因为一切看起来都很好。我将向您展示原始脚本（有效）和我修改后的脚本。

我不太确定我错过了什么，我花了相当多的时间来查找我的错误，任何帮助将不胜感激！

原文：

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
// TODO: Add more Virtual Pet stats that will be modified by your functions



// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
 currentHealth = currentHealth + 5;
 if(currentHealth  > maxHealth)
 {
  currentHealth = maxHealth;
 }
 
    // Update the display after an action has occurred.
 updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)









// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
 currentHealth = currentHealth - 4;
 // TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.
 
}


// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
 if(currentHealth <= 0 )
 {
  petStatus = "Dead";
        currentHealth = 0;
 }
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
}


// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
 // TODO (Optional): Create your own title
 
}


// Displays the current pet stats to the screen.
function displayPetStats()
{
 document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
 document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
 // TODO: Add the display of new Virtual Pet stats here
 
 
 document.close();
}


// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
 if(petStatus != "Dead")
 {
  document.write("<button onclick='exercise()'>Exercise</button>");
  
  // TODO: Create buttons for other actions
  
 }
}


// Calls all the functions that display information to the screen.
function updateDisplay()
{
 displayTitle();
 displayUserOptions();
 displayPetStats();

}


// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
 if(timestamp > last_iteration + time_interval)
 {
  last_iteration = timestamp;
  
  changesOverTime();
  checkHealth();
  
  // TODO: Check other Virtual Pet stats and update the petStatus accordingly
        
        
        
        
        // After all stats updates are done, update/recreate the display
        updateDisplay();
 }
 
 
 
 // Life continues unless the Virtual Pet is dead (health <= 0)
 if(petStatus != "Dead")
 {
        // Executes the gameLoop function once again.
  requestAnimationFrame(gameLoop);
 }
}

// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>

<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

我修改的脚本：

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
var tiredness = 60;
var maxTiredness = 100;
var hunger = 60;
var maxHunger = 100;
// TODO: Add more Virtual Pet stats that will be modified by your functions



// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
 currentHealth = currentHealth + 5;
 if(currentHealth  > maxHealth)
 {
  currentHealth = maxHealth;
 }
 
    // Update the display after an action has occurred.
 updateDisplay();
}

function sleep(){
 var sleepamount = prompt("How many minutes would you like to sleep?");
 tiredness + sleepamount = tiredness;
 if tiredness >= 100 {
 tiredness = 100;
 }
    // Update the display after an action has occurred.
 updateDisplay();
}
function checkHunger(){
 var feed = prompt("How many snacks do you want to eat?");
 hunger + feed = hunger;
 if hunger >= 100 {
 hunger = 100;
}
    // Update the display after an action has occurred.
 updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)









// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
 currentHealth = currentHealth - 4;
 tiredness = tiredness - 4;
 hunger = hunger - 4;
 // TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.
 
}


// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
 if(currentHealth <= 0 )
 {
  petStatus = "Dead";
        currentHealth = 0;
 }
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
}
function checkStarved()
{
 if(hunger <= 0 ){
  petStatus = "Dead";
        hunger = 0;
 } else if hunger >= 30 && hunger <= 75 {
  petStatus = "Hungry";
 
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
 }
}


// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
 // TODO (Optional): Create your own title
 
}


// Displays the current pet stats to the screen.
function displayPetStats()
{
 document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
 document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
 document.write("<p>Hunger = " + hunger + "&nbsp;&nbsp;&nbsp;Max Hunger = " + maxHunger + "</p>");
 document.write("<p>Tiredness = " + tiredness + "&nbsp;&nbsp;&nbsp;Max Tiredness = " + maxTiredness + "</p>");
 // TODO: Add the display of new Virtual Pet stats here
 
 
 document.close();
}


// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
 if(petStatus != "Dead")
 {
  document.write("<button onclick='exercise()'>Exercise</button>");
  document.write("<button onclick='sleep()'>Sleep</button>");
  document.write("<button onclick='checkHunger()'>Feed</button>");
  
  // TODO: Create buttons for other actions
  
 }
}


// Calls all the functions that display information to the screen.
function updateDisplay()
{
 displayTitle();
 displayUserOptions();
 displayPetStats();

}


// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
 if(timestamp > last_iteration + time_interval)
 {
  last_iteration = timestamp;
  
  changesOverTime();
  checkHealth();
  checkStarved()
  
  // TODO: Check other Virtual Pet stats and update the petStatus accordingly
        
        
        
        
        // After all stats updates are done, update/recreate the display
        updateDisplay();
 }
 
 
 
 // Life continues unless the Virtual Pet is dead (health <= 0)
 if(petStatus != "Dead")
 {
        // Executes the gameLoop function once again.
  requestAnimationFrame(gameLoop);
 }
}

// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>

<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

Answer 1

您多次出现两次错误。

赋值语句需要在=号的左边，tiredness + hunger = hunger需要hunger = tiredness + hunger

if 语句缺少 ()，if hunger > 0 { } 需要是 if (hunger > 0) { }

这是更新后的脚本。

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
var tiredness = 60;
var maxTiredness = 100;
var hunger = 60;
var maxHunger = 100;
// TODO: Add more Virtual Pet stats that will be modified by your functions



// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
 currentHealth = currentHealth + 5;
 if(currentHealth  > maxHealth)
 {
  currentHealth = maxHealth;
 }
 
    // Update the display after an action has occurred.
 updateDisplay();
}

function sleep(){
 var sleepamount = prompt("How many minutes would you like to sleep?");
 tiredness = sleepamount + tiredness;
 if (tiredness >= 100) {
 tiredness = 100;
 }
    // Update the display after an action has occurred.
 updateDisplay();
}
function checkHunger(){
 var feed = prompt("How many snacks do you want to eat?");
 hunger = feed + hunger;
 if (hunger >= 100) {
 hunger = 100;
}
    // Update the display after an action has occurred.
 updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)









// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
 currentHealth = currentHealth - 4;
 tiredness = tiredness - 4;
 hunger = hunger - 4;
 // TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.
 
}


// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
 if(currentHealth <= 0 )
 {
  petStatus = "Dead";
        currentHealth = 0;
 }
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
}
function checkStarved()
{
 if(hunger <= 0 ){
  petStatus = "Dead";
        hunger = 0;
 } else if (hunger >= 30 && hunger <= 75) {
  petStatus = "Hungry";
 
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
 }
}


// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
 // TODO (Optional): Create your own title
 
}


// Displays the current pet stats to the screen.
function displayPetStats()
{
 document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
 document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
 document.write("<p>Hunger = " + hunger + "&nbsp;&nbsp;&nbsp;Max Hunger = " + maxHunger + "</p>");
 document.write("<p>Tiredness = " + tiredness + "&nbsp;&nbsp;&nbsp;Max Tiredness = " + maxTiredness + "</p>");
 // TODO: Add the display of new Virtual Pet stats here
 
 
 document.close();
}


// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
 if(petStatus != "Dead")
 {
  document.write("<button onclick='exercise()'>Exercise</button>");
  document.write("<button onclick='sleep()'>Sleep</button>");
  document.write("<button onclick='checkHunger()'>Feed</button>");
  
  // TODO: Create buttons for other actions
  
 }
}


// Calls all the functions that display information to the screen.
function updateDisplay()
{
 displayTitle();
 displayUserOptions();
 displayPetStats();

}


// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
 if(timestamp > last_iteration + time_interval)
 {
  last_iteration = timestamp;
  
  changesOverTime();
  checkHealth();
  checkStarved()
  
  // TODO: Check other Virtual Pet stats and update the petStatus accordingly
        
        
        
        
        // After all stats updates are done, update/recreate the display
        updateDisplay();
 }
 
 
 
 // Life continues unless the Virtual Pet is dead (health <= 0)
 if(petStatus != "Dead")
 {
        // Executes the gameLoop function once again.
  requestAnimationFrame(gameLoop);
 }
}

// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>

<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

Answer 2

代码中有两处错误：

=的左边必须是一个变量。你正在使用一些东西 tiredness + sleepamount = tiredness 这是一些地方。将其更改为 tiredness = tiredness + sleepamount
if的条件应该在()但是你这样使用hunger >= 100

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
var tiredness = 60;
var maxTiredness = 100;
var hunger = 60;
var maxHunger = 100;
// TODO: Add more Virtual Pet stats that will be modified by your functions
// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
 currentHealth = currentHealth + 5;
 if(currentHealth  > maxHealth)
 {
  currentHealth = maxHealth;
 }    
    // Update the display after an action has occurred.
 updateDisplay();
}

function sleep(){
 var sleepamount = prompt("How many minutes would you like to sleep?");
 tiredness = tiredness + sleepamount;
 if (tiredness >= 100) {
    tiredness = 100;
 }
    // Update the display after an action has occurred.
 updateDisplay();
}
function checkHunger(){
 var feed = prompt("How many snacks do you want to eat?");
 hunger = hunger + feed;
 if (hunger >= 100) {
 hunger = 100;
}
    // Update the display after an action has occurred.
 updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)

// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
 currentHealth = currentHealth - 4;
 tiredness = tiredness - 4;
 hunger = hunger - 4;
 // TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.   
}
// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
 if(currentHealth <= 0 )
 {
  petStatus = "Dead";
        currentHealth = 0;
 }     
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
}
function checkStarved()
{
 if(hunger <= 0 ){
  petStatus = "Dead";
        hunger = 0;
 } else if (hunger >= 30 && hunger <= 75) {
  petStatus = "Hungry";
 
 
 //TODO (Optional): Add other health status checks (For example, sick if health < 15)
 }
}
// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
 // TODO (Optional): Create your own title
 
}
// Displays the current pet stats to the screen.
function displayPetStats()
{
 document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
 document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
 document.write("<p>Hunger = " + hunger + "&nbsp;&nbsp;&nbsp;Max Hunger = " + maxHunger + "</p>");
 document.write("<p>Tiredness = " + tiredness + "&nbsp;&nbsp;&nbsp;Max Tiredness = " + maxTiredness + "</p>");
 // TODO: Add the display of new Virtual Pet stats here     
 document.close();
}
// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
 if(petStatus != "Dead")
 {
  document.write("<button onclick='exercise()'>Exercise</button>");
  document.write("<button onclick='sleep()'>Sleep</button>");
  document.write("<button onclick='checkHunger()'>Feed</button>");
  
  // TODO: Create buttons for other actions
  
 }
}
// Calls all the functions that display information to the screen.
function updateDisplay()
{
 displayTitle();
 displayUserOptions();
 displayPetStats();

}
// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
 if(timestamp > last_iteration + time_interval)
 {
  last_iteration = timestamp;
  
  changesOverTime();
  checkHealth();
  checkStarved()  
  // TODO: Check other Virtual Pet stats and update the petStatus accordingly                                    
        // After all stats updates are done, update/recreate the display
        updateDisplay();
 }
 // Life continues unless the Virtual Pet is dead (health <= 0)
 if(petStatus != "Dead")
 {
        // Executes the gameLoop function once again.
  requestAnimationFrame(gameLoop);
 }
}
// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>
<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

向 "Virtual pet" 游戏添加了功能，但我找不到我的错误

Added features to "Virtual pet" game but I can't find my error

javascript

function

game-loop