4cc20172c5
* fix: fallback to english challenges All challenges will use the english version if a translated file is not available. SHOW_NEW_CURRICULUM still gates what's shown in the client. * refactor: use closures to simplify createChallenge * refactor: remove messy destructure * refactor: add meta via helper * fix: fallback to [] for meta.required * fix: repair challenge.block * refactor: use CONST_CASE for meta + challenge dirs * fix: catch empty superblocks immediately * fix: clean up path.resolves * fix: invalid syntax in JS project steps * fix: default to english comments and relax tests Instead of always throwing errors when a comment is not translated, the tests now warn while SHOW_UPCOMING_CHANGES is true, so that tests will pass while we're developing and allow translators time to work. They still throw when SHOW_UPCOMING_CHANGES is false to catch issues in production * test: update createCommentMap test * refactor: delete stale comment * refactor: clarify validate with explanatory consts * feat: throw if audited cert falls back to english * fix: stop testing upcoming localized curriculum
629 lines
15 KiB
Markdown
629 lines
15 KiB
Markdown
---
|
|
id: 5dbba5716ef5fe3a704f8497
|
|
title: Step 129
|
|
challengeType: 0
|
|
dashedName: step-129
|
|
---
|
|
|
|
# --description--
|
|
|
|
The player should hit if either `Math.random() > .2` OR if the player's health is less than 20. At the end of the return statement, add the "logical or" operator (`||`) and then check if `health` is less than 20.
|
|
|
|
Here is an example that returns true if either a number is less than 10 or more than 20: `num < 10 || num > 20`.
|
|
|
|
# --hints--
|
|
|
|
See description above for instructions.
|
|
|
|
```js
|
|
assert(
|
|
isMonsterHit
|
|
.toString()
|
|
.replace(/\s/g, '')
|
|
.includes('returnMath.random()>.2||health<20') ||
|
|
isMonsterHit
|
|
.toString()
|
|
.replace(/\s/g, '')
|
|
.includes('returnMath.random()>0.2||health<20')
|
|
);
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --before-user-code--
|
|
|
|
```html
|
|
<!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-user-code--
|
|
|
|
```html
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
## --seed-contents--
|
|
|
|
```html
|
|
<script>
|
|
let xp = 0;
|
|
let health = 100;
|
|
let gold = 50;
|
|
let currentWeapon = 0;
|
|
let fighting;
|
|
let monsterHealth;
|
|
let inventory = ["stick"];
|
|
|
|
const button1 = document.querySelector('#button1');
|
|
const button2 = document.querySelector("#button2");
|
|
const button3 = document.querySelector("#button3");
|
|
const text = document.querySelector("#text");
|
|
const xpText = document.querySelector("#xpText");
|
|
const healthText = document.querySelector("#healthText");
|
|
const goldText = document.querySelector("#goldText");
|
|
const monsterStats = document.querySelector("#monsterStats");
|
|
const monsterNameText = document.querySelector("#monsterName");
|
|
const monsterHealthText = document.querySelector("#monsterHealth");
|
|
|
|
const weapons = [
|
|
{
|
|
name: "stick",
|
|
power: 5
|
|
},
|
|
{
|
|
name: "dagger",
|
|
power: 30
|
|
},
|
|
{
|
|
name: "claw hammer",
|
|
power: 50
|
|
},
|
|
{
|
|
name: "sword",
|
|
power: 100
|
|
}
|
|
];
|
|
|
|
const monsters = [
|
|
{
|
|
name: "slime",
|
|
level: 2,
|
|
health: 15
|
|
},
|
|
{
|
|
name: "fanged beast",
|
|
level: 8,
|
|
health: 60
|
|
},
|
|
{
|
|
name: "dragon",
|
|
level: 20,
|
|
health: 300
|
|
}
|
|
];
|
|
|
|
const locations = [
|
|
{
|
|
name: "town square",
|
|
"button text": ["Go to store", "Go to cave", "Fight dragon"],
|
|
"button functions": [goStore, goCave, fightDragon],
|
|
text: "You are in the town square. You see a sign that says \"Store.\""
|
|
},
|
|
{
|
|
name: "store",
|
|
"button text": ["Buy 10 health (10 gold)", "Buy weapon (30 gold)", "Go to town square"],
|
|
"button functions": [buyHealth, buyWeapon, goTown],
|
|
text: "You enter the store."
|
|
},
|
|
{
|
|
name: "cave",
|
|
"button text": ["Fight slime", "Fight fanged beast", "Go to town square"],
|
|
"button functions": [fightSlime, fightBeast, goTown],
|
|
text: "You enter the cave. You see some monsters."
|
|
},
|
|
{
|
|
name: "fight",
|
|
"button text": ["Attack", "Dodge", "Run"],
|
|
"button functions": [attack, dodge, goTown],
|
|
text: "You are fighting a monster."
|
|
},
|
|
{
|
|
name: "kill monster",
|
|
"button text": ["Go to town square", "Go to town square", "Go to town square"],
|
|
"button functions": [goTown, goTown, goTown],
|
|
text: 'The monster screams "Arg!" as it dies. You gain experience points and find gold.'
|
|
},
|
|
{
|
|
name: "lose",
|
|
"button text": ["REPLAY?", "REPLAY?", "REPLAY?"],
|
|
"button functions": [restart, restart, restart],
|
|
text: "You die. ☠️"
|
|
},
|
|
{
|
|
name: "win",
|
|
"button text": ["Fight slime", "Fight fanged beast", "Go to town square"],
|
|
"button functions": [restart, restart, restart],
|
|
text: "You defeat the dragon! YOU WIN THE GAME! 🎉"
|
|
}
|
|
];
|
|
|
|
// initialize buttons
|
|
button1.onclick = goStore;
|
|
button2.onclick = goCave;
|
|
button3.onclick = fightDragon;
|
|
|
|
function update(location) {
|
|
monsterStats.style.display = "none";
|
|
button1.innerText = location["button text"][0];
|
|
button2.innerText = location["button text"][1];
|
|
button3.innerText = location["button text"][2];
|
|
button1.onclick = location["button functions"][0];
|
|
button2.onclick = location["button functions"][1];
|
|
button3.onclick = location["button functions"][2];
|
|
text.innerText = location.text;
|
|
}
|
|
|
|
function goTown() {
|
|
update(locations[0]);
|
|
}
|
|
|
|
function goStore() {
|
|
update(locations[1]);
|
|
}
|
|
|
|
function goCave() {
|
|
update(locations[2]);
|
|
}
|
|
|
|
function buyHealth() {
|
|
if (gold >= 10) {
|
|
gold -= 10;
|
|
health += 10;
|
|
goldText.innerText = gold;
|
|
healthText.innerText = health;
|
|
} else {
|
|
text.innerText = "You do not have enough gold to buy health.";
|
|
}
|
|
}
|
|
|
|
function buyWeapon() {
|
|
if (currentWeapon < weapons.length - 1) {
|
|
if (gold >= 30) {
|
|
gold -= 30;
|
|
currentWeapon++;
|
|
goldText.innerText = gold;
|
|
let newWeapon = weapons[currentWeapon].name;
|
|
text.innerText = "You now have a " + newWeapon + ".";
|
|
inventory.push(newWeapon);
|
|
text.innerText += " In your inventory you have: " + inventory;
|
|
} else {
|
|
text.innerText = "You do not have enough gold to buy a weapon.";
|
|
}
|
|
} else {
|
|
text.innerText = "You already have the most powerful weapon!";
|
|
button2.innerText = "Sell weapon for 15 gold";
|
|
button2.onclick = sellWeapon;
|
|
}
|
|
}
|
|
|
|
function sellWeapon() {
|
|
if (inventory.length > 1) {
|
|
gold += 15;
|
|
goldText.innerText = gold;
|
|
let currentWeapon = inventory.shift();
|
|
text.innerText = "You sold a " + currentWeapon + ".";
|
|
text.innerText += " In your inventory you have: " + inventory;
|
|
} else {
|
|
text.innerText = "Don't sell your only weapon!";
|
|
}
|
|
}
|
|
|
|
function fightSlime() {
|
|
fighting = 0;
|
|
goFight();
|
|
}
|
|
|
|
function fightBeast() {
|
|
fighting = 1;
|
|
goFight();
|
|
}
|
|
|
|
function fightDragon() {
|
|
fighting = 2;
|
|
goFight();
|
|
}
|
|
|
|
function goFight() {
|
|
update(locations[3]);
|
|
monsterHealth = monsters[fighting].health;
|
|
monsterStats.style.display = "block";
|
|
monsterNameText.innerText = monsters[fighting].name;
|
|
monsterHealthText.innerText = monsterHealth;
|
|
}
|
|
|
|
function attack() {
|
|
text.innerText = "The " + monsters[fighting].name + " attacks.";
|
|
text.innerText += " You attack it with your " + weapons[currentWeapon].name + ".";
|
|
health -= getMonsterAttackValue(monsters[fighting].level);
|
|
|
|
if (isMonsterHit()) {
|
|
monsterHealth -= weapons[currentWeapon].power + Math.floor(Math.random() * xp) + 1;
|
|
} else {
|
|
text.innerText += " You miss.";
|
|
}
|
|
healthText.innerText = health;
|
|
monsterHealthText.innerText = monsterHealth;
|
|
if (health <= 0) {
|
|
lose();
|
|
} else if (monsterHealth <= 0) {
|
|
fighting === 2 ? winGame() : defeatMonster();
|
|
}
|
|
}
|
|
|
|
function getMonsterAttackValue(level) {
|
|
const hit = (level * 5) - (Math.floor(Math.random() * xp));
|
|
console.log(hit);
|
|
return hit > 0 ? hit : 0;
|
|
}
|
|
|
|
function isMonsterHit() {
|
|
return Math.random() > .2;
|
|
}
|
|
|
|
function dodge() {
|
|
text.innerText = "You dodge the attack from the " + monsters[fighting].name + ".";
|
|
}
|
|
|
|
function defeatMonster() {
|
|
gold += Math.floor(monsters[fighting].level * 6.7);
|
|
xp += monsters[fighting].level;
|
|
goldText.innerText = gold;
|
|
xpText.innerText = xp;
|
|
update(locations[4]);
|
|
}
|
|
|
|
function lose() {
|
|
update(locations[5]);
|
|
}
|
|
|
|
function winGame() {
|
|
update(locations[6]);
|
|
}
|
|
|
|
function restart() {
|
|
xp = 0;
|
|
health = 100;
|
|
gold = 50;
|
|
currentWeapon = 0;
|
|
inventory = ["stick"];
|
|
goldText.innerText = gold;
|
|
healthText.innerText = health;
|
|
xpText.innerText = xp;
|
|
goTown();
|
|
}
|
|
|
|
</script>
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```html
|
|
<script>
|
|
let xp = 0;
|
|
let health = 100;
|
|
let gold = 50;
|
|
let currentWeapon = 0;
|
|
let fighting;
|
|
let monsterHealth;
|
|
let inventory = ["stick"];
|
|
|
|
const button1 = document.querySelector('#button1');
|
|
const button2 = document.querySelector("#button2");
|
|
const button3 = document.querySelector("#button3");
|
|
const text = document.querySelector("#text");
|
|
const xpText = document.querySelector("#xpText");
|
|
const healthText = document.querySelector("#healthText");
|
|
const goldText = document.querySelector("#goldText");
|
|
const monsterStats = document.querySelector("#monsterStats");
|
|
const monsterNameText = document.querySelector("#monsterName");
|
|
const monsterHealthText = document.querySelector("#monsterHealth");
|
|
|
|
const weapons = [
|
|
{
|
|
name: "stick",
|
|
power: 5
|
|
},
|
|
{
|
|
name: "dagger",
|
|
power: 30
|
|
},
|
|
{
|
|
name: "claw hammer",
|
|
power: 50
|
|
},
|
|
{
|
|
name: "sword",
|
|
power: 100
|
|
}
|
|
];
|
|
|
|
const monsters = [
|
|
{
|
|
name: "slime",
|
|
level: 2,
|
|
health: 15
|
|
},
|
|
{
|
|
name: "fanged beast",
|
|
level: 8,
|
|
health: 60
|
|
},
|
|
{
|
|
name: "dragon",
|
|
level: 20,
|
|
health: 300
|
|
}
|
|
];
|
|
|
|
const locations = [
|
|
{
|
|
name: "town square",
|
|
"button text": ["Go to store", "Go to cave", "Fight dragon"],
|
|
"button functions": [goStore, goCave, fightDragon],
|
|
text: "You are in the town square. You see a sign that says \"Store.\""
|
|
},
|
|
{
|
|
name: "store",
|
|
"button text": ["Buy 10 health (10 gold)", "Buy weapon (30 gold)", "Go to town square"],
|
|
"button functions": [buyHealth, buyWeapon, goTown],
|
|
text: "You enter the store."
|
|
},
|
|
{
|
|
name: "cave",
|
|
"button text": ["Fight slime", "Fight fanged beast", "Go to town square"],
|
|
"button functions": [fightSlime, fightBeast, goTown],
|
|
text: "You enter the cave. You see some monsters."
|
|
},
|
|
{
|
|
name: "fight",
|
|
"button text": ["Attack", "Dodge", "Run"],
|
|
"button functions": [attack, dodge, goTown],
|
|
text: "You are fighting a monster."
|
|
},
|
|
{
|
|
name: "kill monster",
|
|
"button text": ["Go to town square", "Go to town square", "Go to town square"],
|
|
"button functions": [goTown, goTown, goTown],
|
|
text: 'The monster screams "Arg!" as it dies. You gain experience points and find gold.'
|
|
},
|
|
{
|
|
name: "lose",
|
|
"button text": ["REPLAY?", "REPLAY?", "REPLAY?"],
|
|
"button functions": [restart, restart, restart],
|
|
text: "You die. ☠️"
|
|
},
|
|
{
|
|
name: "win",
|
|
"button text": ["Fight slime", "Fight fanged beast", "Go to town square"],
|
|
"button functions": [restart, restart, restart],
|
|
text: "You defeat the dragon! YOU WIN THE GAME! 🎉"
|
|
}
|
|
];
|
|
|
|
// initialize buttons
|
|
button1.onclick = goStore;
|
|
button2.onclick = goCave;
|
|
button3.onclick = fightDragon;
|
|
|
|
function update(location) {
|
|
monsterStats.style.display = "none";
|
|
button1.innerText = location["button text"][0];
|
|
button2.innerText = location["button text"][1];
|
|
button3.innerText = location["button text"][2];
|
|
button1.onclick = location["button functions"][0];
|
|
button2.onclick = location["button functions"][1];
|
|
button3.onclick = location["button functions"][2];
|
|
text.innerText = location.text;
|
|
}
|
|
|
|
function goTown() {
|
|
update(locations[0]);
|
|
}
|
|
|
|
function goStore() {
|
|
update(locations[1]);
|
|
}
|
|
|
|
function goCave() {
|
|
update(locations[2]);
|
|
}
|
|
|
|
function buyHealth() {
|
|
if (gold >= 10) {
|
|
gold -= 10;
|
|
health += 10;
|
|
goldText.innerText = gold;
|
|
healthText.innerText = health;
|
|
} else {
|
|
text.innerText = "You do not have enough gold to buy health.";
|
|
}
|
|
}
|
|
|
|
function buyWeapon() {
|
|
if (currentWeapon < weapons.length - 1) {
|
|
if (gold >= 30) {
|
|
gold -= 30;
|
|
currentWeapon++;
|
|
goldText.innerText = gold;
|
|
let newWeapon = weapons[currentWeapon].name;
|
|
text.innerText = "You now have a " + newWeapon + ".";
|
|
inventory.push(newWeapon);
|
|
text.innerText += " In your inventory you have: " + inventory;
|
|
} else {
|
|
text.innerText = "You do not have enough gold to buy a weapon.";
|
|
}
|
|
} else {
|
|
text.innerText = "You already have the most powerful weapon!";
|
|
button2.innerText = "Sell weapon for 15 gold";
|
|
button2.onclick = sellWeapon;
|
|
}
|
|
}
|
|
|
|
function sellWeapon() {
|
|
if (inventory.length > 1) {
|
|
gold += 15;
|
|
goldText.innerText = gold;
|
|
let currentWeapon = inventory.shift();
|
|
text.innerText = "You sold a " + currentWeapon + ".";
|
|
text.innerText += " In your inventory you have: " + inventory;
|
|
} else {
|
|
text.innerText = "Don't sell your only weapon!";
|
|
}
|
|
}
|
|
|
|
function fightSlime() {
|
|
fighting = 0;
|
|
goFight();
|
|
}
|
|
|
|
function fightBeast() {
|
|
fighting = 1;
|
|
goFight();
|
|
}
|
|
|
|
function fightDragon() {
|
|
fighting = 2;
|
|
goFight();
|
|
}
|
|
|
|
function goFight() {
|
|
update(locations[3]);
|
|
monsterHealth = monsters[fighting].health;
|
|
monsterStats.style.display = "block";
|
|
monsterNameText.innerText = monsters[fighting].name;
|
|
monsterHealthText.innerText = monsterHealth;
|
|
}
|
|
|
|
function attack() {
|
|
text.innerText = "The " + monsters[fighting].name + " attacks.";
|
|
text.innerText += " You attack it with your " + weapons[currentWeapon].name + ".";
|
|
health -= getMonsterAttackValue(monsters[fighting].level);
|
|
|
|
if (isMonsterHit()) {
|
|
monsterHealth -= weapons[currentWeapon].power + Math.floor(Math.random() * xp) + 1;
|
|
} else {
|
|
text.innerText += " You miss.";
|
|
}
|
|
healthText.innerText = health;
|
|
monsterHealthText.innerText = monsterHealth;
|
|
if (health <= 0) {
|
|
lose();
|
|
} else if (monsterHealth <= 0) {
|
|
fighting === 2 ? winGame() : defeatMonster();
|
|
}
|
|
}
|
|
|
|
function getMonsterAttackValue(level) {
|
|
const hit = (level * 5) - (Math.floor(Math.random() * xp));
|
|
return hit > 0 ? hit : 0;
|
|
}
|
|
|
|
function isMonsterHit() {
|
|
return Math.random() > .2 || health < 20;
|
|
}
|
|
|
|
function dodge() {
|
|
text.innerText = "You dodge the attack from the " + monsters[fighting].name + ".";
|
|
}
|
|
|
|
function defeatMonster() {
|
|
gold += Math.floor(monsters[fighting].level * 6.7);
|
|
xp += monsters[fighting].level;
|
|
goldText.innerText = gold;
|
|
xpText.innerText = xp;
|
|
update(locations[4]);
|
|
}
|
|
|
|
function lose() {
|
|
update(locations[5]);
|
|
}
|
|
|
|
function winGame() {
|
|
update(locations[6]);
|
|
}
|
|
|
|
function restart() {
|
|
xp = 0;
|
|
health = 100;
|
|
gold = 50;
|
|
currentWeapon = 0;
|
|
inventory = ["stick"];
|
|
goldText.innerText = gold;
|
|
healthText.innerText = health;
|
|
xpText.innerText = xp;
|
|
goTown();
|
|
}
|
|
</script>
|
|
```
|