freeCodeCamp/part-01.md at 2fbafda16721fd83a2f700a24a129b913691619c

Kristofer Koishigawa 529f2596d9 feat: JS RPG game tests (#37678 )

* feat: Add JavaScript RPG Game for testing

2020-09-16 11:53:58 +05:30

2.6 KiB

Raw Blame History

id, title, challengeType, isBeta

id	title	challengeType	isBeta
5d5a813321b9e3db6c106a46	Part 01	0	true

Description

To keep track of the player's experience points, we've declared a variable called xp and assigned it the starting value of 0.

Create another variable to keep track of health and start it at 100.

Instructions

Tests

tests:
  - text: See description above for instructions.
    testString: assert(health === 100);

Challenge Seed

<script>
var xp = 0;

</script>

Before Test

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>RPG - Dragon Repeller</title>
  <style>
    body {
      background-color: darkblue;
    }
    #text {
      background-color: black;
      color: white;
      padding: 10px;
    }
    #game {
      max-width: 500px;
      max-height: 400px;
      background-color: lightgray;
      color: white;
      margin: 0 auto;
      padding: 10px;
    }
    #controls {
      border: 1px black solid;
      padding: 5px;
    }
    #stats {
      border: 1px black solid;
      color: black;
      padding: 5px;
    }
    #monsterStats {
      display: none;
      border: 1px black solid;
      color: white;
      padding: 5px;
      background-color: red;
    }
    .stat {
      padding-right: 10px;
    }
  </style>
</head>
<body>
<div id="game">
  <div id="stats">
    <span class="stat">XP: <strong><span id="xpText">0</span></strong></span>
    <span class="stat">Health: <strong><span id="healthText">100</span></strong></span>
    <span class="stat">Gold: <strong><span id="goldText">50</span></strong></span>
  </div>
  <div id="controls">
    <button id="button1">Go to store</button>
    <button id="button2">Go to cave</button>
    <button id="button3">Fight dragon</button>
  </div>
  <div id="monsterStats">
    <span class="stat">Monster Name: <strong><span id="monsterName"></span></strong></span>
    <span class="stat">Health: <strong><span id="monsterHealth"></span></strong></span>
  </div>
  <div id="text">Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.</div>
</div>

After Test

</body>
</html>

Solution

<script>
var xp = 0;
var health = 100;
</script>

2.6 KiB Raw Blame History