refactor: updating styles for RPG game (#52528)

This commit is contained in:
Jessica Wilkins
2023-12-15 10:16:04 -08:00
committed by GitHub
parent 607d932cc2
commit 10f63d8e41
170 changed files with 5451 additions and 3822 deletions

View File

@@ -69,648 +69,652 @@
"title": "Step 14"
},
{
"id": "62a2509ba163e020bb9d84ea",
"id": "6577ea4f23e3ba1217007bc7",
"title": "Step 15"
},
{
"id": "62a255dae245b52317da824a",
"id": "62a2509ba163e020bb9d84ea",
"title": "Step 16"
},
{
"id": "62a257659d0d1e2456f24ba2",
"id": "62a255dae245b52317da824a",
"title": "Step 17"
},
{
"id": "62a39f5a5790eb27c1e5d4bf",
"id": "62a257659d0d1e2456f24ba2",
"title": "Step 18"
},
{
"id": "62a3a0a3c0a4b32915d26a6e",
"id": "62a39f5a5790eb27c1e5d4bf",
"title": "Step 19"
},
{
"id": "62a3a488b24fb32b91155d56",
"id": "62a3a0a3c0a4b32915d26a6e",
"title": "Step 20"
},
{
"id": "62a3a75d8466a12e009eff76",
"id": "62a3a488b24fb32b91155d56",
"title": "Step 21"
},
{
"id": "62a3a7e4f1060e2fc5ffb34b",
"id": "62a3a75d8466a12e009eff76",
"title": "Step 22"
},
{
"id": "62a3b365f1cdeb33efc2502e",
"id": "62a3a7e4f1060e2fc5ffb34b",
"title": "Step 23"
},
{
"id": "62a3b3eab50e193608c19fc6",
"id": "62a3b365f1cdeb33efc2502e",
"title": "Step 24"
},
{
"id": "62a3b41c9494f937560640ab",
"id": "62a3b3eab50e193608c19fc6",
"title": "Step 25"
},
{
"id": "62a3b49686792938718b90d3",
"id": "62a3b41c9494f937560640ab",
"title": "Step 26"
},
{
"id": "62a3b506dbaead396f58a701",
"id": "62a3b49686792938718b90d3",
"title": "Step 27"
},
{
"id": "62a3b5843544ce3a77459c27",
"id": "62a3b506dbaead396f58a701",
"title": "Step 28"
},
{
"id": "62a3b79d520a7f3d0e25afd6",
"id": "62a3b5843544ce3a77459c27",
"title": "Step 29"
},
{
"id": "62b46e3a8d4be31be5af793d",
"id": "62a3b79d520a7f3d0e25afd6",
"title": "Step 30"
},
{
"id": "62a3bb9aeefe4b3fc43c6d7b",
"id": "62b46e3a8d4be31be5af793d",
"title": "Step 31"
},
{
"id": "62fc20387ef88d1d1998aac5",
"id": "62a3bb9aeefe4b3fc43c6d7b",
"title": "Step 32"
},
{
"id": "62a3bec30ea7f941412512dc",
"id": "62fc20387ef88d1d1998aac5",
"title": "Step 33"
},
{
"id": "62fc211760bfc220f4734800",
"id": "62a3bec30ea7f941412512dc",
"title": "Step 34"
},
{
"id": "62a3c0ab883fd9435cd5c518",
"id": "62fc211760bfc220f4734800",
"title": "Step 35"
},
{
"id": "62a3c2fccf186146b59c6e96",
"id": "62a3c0ab883fd9435cd5c518",
"title": "Step 36"
},
{
"id": "62a3c4a0e52767482c5202d4",
"id": "62a3c2fccf186146b59c6e96",
"title": "Step 37"
},
{
"id": "62a3c668afc43b4a134cca81",
"id": "62a3c4a0e52767482c5202d4",
"title": "Step 38"
},
{
"id": "62a3c8bf3980c14c438d2aed",
"id": "62a3c668afc43b4a134cca81",
"title": "Step 39"
},
{
"id": "62a3c91a2bab1b4d6fabb726",
"id": "62a3c8bf3980c14c438d2aed",
"title": "Step 40"
},
{
"id": "62a3cdb11478a34ff4a6470d",
"id": "62a3c91a2bab1b4d6fabb726",
"title": "Step 41"
},
{
"id": "62a3cfc8328d3351b95d4f61",
"id": "62a3cdb11478a34ff4a6470d",
"title": "Step 42"
},
{
"id": "62a7beb1ad61211ac153707f",
"id": "62a3cfc8328d3351b95d4f61",
"title": "Step 43"
},
{
"id": "62a7bf06d2ad9d1c5024e833",
"id": "62a7beb1ad61211ac153707f",
"title": "Step 44"
},
{
"id": "62a7bfabe119461eb13ccbd6",
"id": "62a7bf06d2ad9d1c5024e833",
"title": "Step 45"
},
{
"id": "62a7bfd9179b7f1f6a15fb1e",
"id": "62a7bfabe119461eb13ccbd6",
"title": "Step 46"
},
{
"id": "62a7c011eef9fb2084b966db",
"id": "62a7bfd9179b7f1f6a15fb1e",
"title": "Step 47"
},
{
"id": "62a7c071219da921758a35bb",
"id": "62a7c011eef9fb2084b966db",
"title": "Step 48"
},
{
"id": "62a7c23e6b511f22ed71197a",
"id": "62a7c071219da921758a35bb",
"title": "Step 49"
},
{
"id": "62a7cc99577fbf25ee7a7d76",
"id": "62a7c23e6b511f22ed71197a",
"title": "Step 50"
},
{
"id": "62a8a929e4260d08093756d2",
"id": "62a7cc99577fbf25ee7a7d76",
"title": "Step 51"
},
{
"id": "62a8a9d876b2580943ba9351",
"id": "62a8a929e4260d08093756d2",
"title": "Step 52"
},
{
"id": "62a8aa98a8289d0a698eee1d",
"id": "62a8a9d876b2580943ba9351",
"title": "Step 53"
},
{
"id": "62a8ab0e27cbaf0b54ba8a42",
"id": "62a8aa98a8289d0a698eee1d",
"title": "Step 54"
},
{
"id": "62a8ac194679e60cb561b0a8",
"id": "62a8ab0e27cbaf0b54ba8a42",
"title": "Step 55"
},
{
"id": "62a8ad8e01d7cb0deae5ec66",
"id": "62a8ac194679e60cb561b0a8",
"title": "Step 56"
},
{
"id": "62a8ade9b2f5b30ef0b606c2",
"id": "62a8ad8e01d7cb0deae5ec66",
"title": "Step 57"
},
{
"id": "62a8ae85fcaedc0fddc7ca4f",
"id": "62a8ade9b2f5b30ef0b606c2",
"title": "Step 58"
},
{
"id": "62a8b0b5053f16111b0b6b5f",
"id": "62a8ae85fcaedc0fddc7ca4f",
"title": "Step 59"
},
{
"id": "62a8b1762b7775124622e1a3",
"id": "62a8b0b5053f16111b0b6b5f",
"title": "Step 60"
},
{
"id": "62a8b3cc436db8139cc5fc09",
"id": "62a8b1762b7775124622e1a3",
"title": "Step 61"
},
{
"id": "62a8b6536156c51500739b41",
"id": "62a8b3cc436db8139cc5fc09",
"title": "Step 62"
},
{
"id": "62a8b711ab7a12161c7d9b67",
"id": "62a8b6536156c51500739b41",
"title": "Step 63"
},
{
"id": "62a8b9770050d217d2247801",
"id": "62a8b711ab7a12161c7d9b67",
"title": "Step 64"
},
{
"id": "62a8c0c8313e891a15ec23e7",
"id": "62a8b9770050d217d2247801",
"title": "Step 65"
},
{
"id": "62a8c1154d3ae11aee80353f",
"id": "62a8c0c8313e891a15ec23e7",
"title": "Step 66"
},
{
"id": "62a8c151b23bf21bc7c4fcba",
"id": "62a8c1154d3ae11aee80353f",
"title": "Step 67"
},
{
"id": "62a8c173949f851c83c64756",
"id": "62a8c151b23bf21bc7c4fcba",
"title": "Step 68"
},
{
"id": "62a8c242b25a531f2909e5bc",
"id": "62a8c173949f851c83c64756",
"title": "Step 69"
},
{
"id": "62a8c2bbbd8aa82052f47c53",
"id": "62a8c242b25a531f2909e5bc",
"title": "Step 70"
},
{
"id": "62a8c31ec0ec78216a1c36a0",
"id": "62a8c2bbbd8aa82052f47c53",
"title": "Step 71"
},
{
"id": "62a8c370ad8c68227137e0bc",
"id": "62a8c31ec0ec78216a1c36a0",
"title": "Step 72"
},
{
"id": "62a8c3ebc6c35e23785e1a19",
"id": "62a8c370ad8c68227137e0bc",
"title": "Step 73"
},
{
"id": "62a8c41ecaf1bd24536129b8",
"id": "62a8c3ebc6c35e23785e1a19",
"title": "Step 74"
},
{
"id": "62a8c465fa7b0c252f4a8f0c",
"id": "62a8c41ecaf1bd24536129b8",
"title": "Step 75"
},
{
"id": "62a8c4db0710f3260f867a92",
"id": "62a8c465fa7b0c252f4a8f0c",
"title": "Step 76"
},
{
"id": "62a8c56247609626fa4a8d6e",
"id": "62a8c4db0710f3260f867a92",
"title": "Step 77"
},
{
"id": "62a8c5db7888af27af23f0dd",
"id": "62a8c56247609626fa4a8d6e",
"title": "Step 78"
},
{
"id": "62a8c65b75664c28a8e59c16",
"id": "62a8c5db7888af27af23f0dd",
"title": "Step 79"
},
{
"id": "62a8c6815f5f1a29735efe1b",
"id": "62a8c65b75664c28a8e59c16",
"title": "Step 80"
},
{
"id": "62a8c7322e42962ad53ad204",
"id": "62a8c6815f5f1a29735efe1b",
"title": "Step 81"
},
{
"id": "62a8c7a59e72c02bb1c717d2",
"id": "62a8c7322e42962ad53ad204",
"title": "Step 82"
},
{
"id": "62a8c89e4272512d44fc1c66",
"id": "62a8c7a59e72c02bb1c717d2",
"title": "Step 83"
},
{
"id": "62a8c8cee8e5cf2e001789b4",
"id": "62a8c89e4272512d44fc1c66",
"title": "Step 84"
},
{
"id": "62a8ca22d29fe62f3952bdf5",
"id": "62a8c8cee8e5cf2e001789b4",
"title": "Step 85"
},
{
"id": "62a8cb19bd7f8a304e5427a1",
"id": "62a8ca22d29fe62f3952bdf5",
"title": "Step 86"
},
{
"id": "62a8cbd1e3595431d5a2b3f1",
"id": "62a8cb19bd7f8a304e5427a1",
"title": "Step 87"
},
{
"id": "62a8cce1b0c32c33017cf2e9",
"id": "62a8cbd1e3595431d5a2b3f1",
"title": "Step 88"
},
{
"id": "62a8ce1dfc990134162b3bd9",
"id": "62a8cce1b0c32c33017cf2e9",
"title": "Step 89"
},
{
"id": "62a8ce73d0dce43468f6689c",
"id": "62a8ce1dfc990134162b3bd9",
"title": "Step 90"
},
{
"id": "62a8cf22272d6d35af80d4ac",
"id": "62a8ce73d0dce43468f6689c",
"title": "Step 91"
},
{
"id": "62a8d0337d7c67377a4a76c6",
"id": "62a8cf22272d6d35af80d4ac",
"title": "Step 92"
},
{
"id": "62a8d08668fa8b38732486e9",
"id": "62a8d0337d7c67377a4a76c6",
"title": "Step 93"
},
{
"id": "62a8d0c4f12c2239b6618582",
"id": "62a8d08668fa8b38732486e9",
"title": "Step 94"
},
{
"id": "62a8d0fdf2dad83a92883a80",
"id": "62a8d0c4f12c2239b6618582",
"title": "Step 95"
},
{
"id": "62a8d143f2a58e3b6d6e9c33",
"id": "62a8d0fdf2dad83a92883a80",
"title": "Step 96"
},
{
"id": "62a8d1c72e8bb13c2074d93c",
"id": "62a8d143f2a58e3b6d6e9c33",
"title": "Step 97"
},
{
"id": "62a8d2146a3e853d0a6e28ca",
"id": "62a8d1c72e8bb13c2074d93c",
"title": "Step 98"
},
{
"id": "62a8d24c97461b3ddb9397c8",
"id": "62a8d2146a3e853d0a6e28ca",
"title": "Step 99"
},
{
"id": "62a8d2e2a073be3edb46116f",
"id": "62a8d24c97461b3ddb9397c8",
"title": "Step 100"
},
{
"id": "62a8d31ebbc10e3fe1b28e03",
"id": "62a8d2e2a073be3edb46116f",
"title": "Step 101"
},
{
"id": "62a8d35660db4040ba292193",
"id": "62a8d31ebbc10e3fe1b28e03",
"title": "Step 102"
},
{
"id": "62a8d382cd075f4169223e14",
"id": "62a8d35660db4040ba292193",
"title": "Step 103"
},
{
"id": "62a8d539dc11cb42b5dd7ec8",
"id": "62a8d382cd075f4169223e14",
"title": "Step 104"
},
{
"id": "62a8d61ddfe35744369365b7",
"id": "62a8d539dc11cb42b5dd7ec8",
"title": "Step 105"
},
{
"id": "62a8d6c7001ebc45350e3d16",
"id": "62a8d61ddfe35744369365b7",
"title": "Step 106"
},
{
"id": "62a8d7b8ab568b4649998954",
"id": "62a8d6c7001ebc45350e3d16",
"title": "Step 107"
},
{
"id": "62a8d81f539f004776dd9b1e",
"id": "62a8d7b8ab568b4649998954",
"title": "Step 108"
},
{
"id": "62a8dd468debb449b4454086",
"id": "62a8d81f539f004776dd9b1e",
"title": "Step 109"
},
{
"id": "62a8dd9cdb16324b04cfd958",
"id": "62a8dd468debb449b4454086",
"title": "Step 110"
},
{
"id": "62a8dfcf7fb1044d2f478fd1",
"id": "62a8dd9cdb16324b04cfd958",
"title": "Step 111"
},
{
"id": "62a8e0d1d0110b4ec421489f",
"id": "62a8dfcf7fb1044d2f478fd1",
"title": "Step 112"
},
{
"id": "62a8e142f7f0bd4fed898de3",
"id": "62a8e0d1d0110b4ec421489f",
"title": "Step 113"
},
{
"id": "62a8e1dc897df55108bcb5e8",
"id": "62a8e142f7f0bd4fed898de3",
"title": "Step 114"
},
{
"id": "62a8e21398ad61520edb724f",
"id": "62a8e1dc897df55108bcb5e8",
"title": "Step 115"
},
{
"id": "62a8e24c673b075317cc0b09",
"id": "62a8e21398ad61520edb724f",
"title": "Step 116"
},
{
"id": "62a8e271f8e3d1541f9624ad",
"id": "62a8e24c673b075317cc0b09",
"title": "Step 117"
},
{
"id": "62a8e35675c18c56354c08cf",
"id": "62a8e271f8e3d1541f9624ad",
"title": "Step 118"
},
{
"id": "62a8e41e2f190c58404dd46e",
"id": "62a8e35675c18c56354c08cf",
"title": "Step 119"
},
{
"id": "62a8e45cc600c3591cee671a",
"id": "62a8e41e2f190c58404dd46e",
"title": "Step 120"
},
{
"id": "62a8e49f4df7af5ae2d7a616",
"id": "62a8e45cc600c3591cee671a",
"title": "Step 121"
},
{
"id": "62a8e4dc6a60f85bf256a0cb",
"id": "62a8e49f4df7af5ae2d7a616",
"title": "Step 122"
},
{
"id": "62a8ed36d7a7915dfa444ba2",
"id": "62a8e4dc6a60f85bf256a0cb",
"title": "Step 123"
},
{
"id": "62a8edd05e27cc668051686f",
"id": "62a8ed36d7a7915dfa444ba2",
"title": "Step 124"
},
{
"id": "62a8ee154c8946678775c4a4",
"id": "62a8edd05e27cc668051686f",
"title": "Step 125"
},
{
"id": "62a8ee71f018e968a056d369",
"id": "62a8ee154c8946678775c4a4",
"title": "Step 126"
},
{
"id": "62a8eec45f77bc69e8775294",
"id": "62a8ee71f018e968a056d369",
"title": "Step 127"
},
{
"id": "62a8eefe2e68b66ac563816b",
"id": "62a8eec45f77bc69e8775294",
"title": "Step 128"
},
{
"id": "62a8ef6a52292f6bdca4f6f8",
"id": "62a8eefe2e68b66ac563816b",
"title": "Step 129"
},
{
"id": "62a8ef8f0c76a46cd221a68c",
"id": "62a8ef6a52292f6bdca4f6f8",
"title": "Step 130"
},
{
"id": "62a8efb0e3ce826db8daf80f",
"id": "62a8ef8f0c76a46cd221a68c",
"title": "Step 131"
},
{
"id": "62a8eff21c0b0f6ebe5b8e38",
"id": "62a8efb0e3ce826db8daf80f",
"title": "Step 132"
},
{
"id": "62a8f06fb318666fef69f91e",
"id": "62a8eff21c0b0f6ebe5b8e38",
"title": "Step 133"
},
{
"id": "62a8f14fe6d1fc72454648c7",
"id": "62a8f06fb318666fef69f91e",
"title": "Step 134"
},
{
"id": "62a8f1d5f5ddbf74c07f733b",
"id": "62a8f14fe6d1fc72454648c7",
"title": "Step 135"
},
{
"id": "62a8f20463b324759953edad",
"id": "62a8f1d5f5ddbf74c07f733b",
"title": "Step 136"
},
{
"id": "62ba17beef16c563069a65d8",
"id": "62a8f20463b324759953edad",
"title": "Step 137"
},
{
"id": "62a8f256b813a476cae51f49",
"id": "62ba17beef16c563069a65d8",
"title": "Step 138"
},
{
"id": "62a8f2bc37675e77d5835235",
"id": "62a8f256b813a476cae51f49",
"title": "Step 139"
},
{
"id": "62a8f35bde1750791f58773f",
"id": "62a8f2bc37675e77d5835235",
"title": "Step 140"
},
{
"id": "62a94114ce0b8918b487390f",
"id": "62a8f35bde1750791f58773f",
"title": "Step 141"
},
{
"id": "62aa1cea594f152ba626b872",
"id": "62a94114ce0b8918b487390f",
"title": "Step 142"
},
{
"id": "62aa1d6736ba262cfa74344b",
"id": "62aa1cea594f152ba626b872",
"title": "Step 143"
},
{
"id": "62aa1d9f535e102e4663e7a6",
"id": "62aa1d6736ba262cfa74344b",
"title": "Step 144"
},
{
"id": "62aa1e3c7c3d552fb04f0f18",
"id": "62aa1d9f535e102e4663e7a6",
"title": "Step 145"
},
{
"id": "62aa1e8ccd579330e097ce44",
"id": "62aa1e3c7c3d552fb04f0f18",
"title": "Step 146"
},
{
"id": "62aa1eec891ed731db227a36",
"id": "62aa1e8ccd579330e097ce44",
"title": "Step 147"
},
{
"id": "62aa1fed3d4e873366ff3131",
"id": "62aa1eec891ed731db227a36",
"title": "Step 148"
},
{
"id": "62aa204c1e1d33348ff09944",
"id": "62aa1fed3d4e873366ff3131",
"title": "Step 149"
},
{
"id": "62aa20e9cf1be9358f5aceae",
"id": "62aa204c1e1d33348ff09944",
"title": "Step 150"
},
{
"id": "62aa2136fc49b836dfedb959",
"id": "62aa20e9cf1be9358f5aceae",
"title": "Step 151"
},
{
"id": "62aa21971e3b743844849985",
"id": "62aa2136fc49b836dfedb959",
"title": "Step 152"
},
{
"id": "62aa21ea8d9d9f396b95dd87",
"id": "62aa21971e3b743844849985",
"title": "Step 153"
},
{
"id": "62aa226207f33d3ad4c6f546",
"id": "62aa21ea8d9d9f396b95dd87",
"title": "Step 154"
},
{
"id": "62aa22aba186563bcbf2c395",
"id": "62aa226207f33d3ad4c6f546",
"title": "Step 155"
},
{
"id": "62aa234322d4ad3e8bce42cc",
"id": "62aa22aba186563bcbf2c395",
"title": "Step 156"
},
{
"id": "62aa2469c77b363fdb4f0e06",
"id": "62aa234322d4ad3e8bce42cc",
"title": "Step 157"
},
{
"id": "62aa252c3b1073415ba2b898",
"id": "62aa2469c77b363fdb4f0e06",
"title": "Step 158"
},
{
"id": "62aa258da314ef42ba0a1858",
"id": "62aa252c3b1073415ba2b898",
"title": "Step 159"
},
{
"id": "62aa25fcb5837d43b4d9873d",
"id": "62aa258da314ef42ba0a1858",
"title": "Step 160"
},
{
"id": "62aa2626c3c10244b94c787b",
"id": "62aa25fcb5837d43b4d9873d",
"title": "Step 161"
},
{
"id": "62aa264d23cdaa45a20efada",
"id": "62aa2626c3c10244b94c787b",
"title": "Step 162"
},
{
"id": "62aa26cca3cd3d46c431e73b",
"id": "62aa264d23cdaa45a20efada",
"title": "Step 163"
},
{
"id": "62aa27227399d647e1c37a3c",
"id": "62aa26cca3cd3d46c431e73b",
"title": "Step 164"
},
{
"id": "62aa27560def7048d7b4a095",
"id": "62aa27227399d647e1c37a3c",
"title": "Step 165"
},
{
"id": "62aa27c40ca6f04ab8be5fac",
"id": "62aa27560def7048d7b4a095",
"title": "Step 166"
},
{
"id": "62aa28032d863d4bd8058799",
"id": "62aa27c40ca6f04ab8be5fac",
"title": "Step 167"
},
{
"id": "62aa287434dc284cea01157c",
"id": "62aa28032d863d4bd8058799",
"title": "Step 168"
},
{
"id": "62aa28bbd6323e4dfb3ac43e",
"id": "62aa287434dc284cea01157c",
"title": "Step 169"
},
{
"id": "62aa28fb651bf14efa2dbb16",
"id": "62aa28bbd6323e4dfb3ac43e",
"title": "Step 170"
},
{
"id": "62aa2943669c9d5026af6985",
"id": "62aa28fb651bf14efa2dbb16",
"title": "Step 171"
},
{
"id": "62aa2999ec27ec516655eba6",
"id": "62aa2943669c9d5026af6985",
"title": "Step 172"
},
{
"id": "62aa29d8f8f88152c91350ca",
"id": "62aa2999ec27ec516655eba6",
"title": "Step 173"
},
{
"id": "62aa2aec2f09d454253aad6c",
"id": "62aa29d8f8f88152c91350ca",
"title": "Step 174"
},
{
"id": "62aa2ba9cd881355a6f0a5a8",
"id": "62aa2aec2f09d454253aad6c",
"title": "Step 175"
},
{
"id": "62aa2ba9cd881355a6f0a5a8",
"title": "Step 176"
}
]
}

View File

@@ -7,7 +7,7 @@ dashedName: step-8
# --description--
Now we need some quick styling. Start by giving the `body` a `background-color` set to `darkblue`.
Now we need some quick styling. Start by giving the `body` a `background-color` set to `#0a0a23`.
# --hints--
@@ -18,11 +18,11 @@ const body = new __helpers.CSSHelp(document).getStyle('body');
assert.exists(body);
```
Your `body` selector should have a `background-color` property set to `darkblue`.
Your `body` selector should have a `background-color` property set to `#0a0a23`.
```js
const background = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('background-color');
assert.equal(background, 'darkblue');
assert.equal(background, 'rgb(10, 10, 35)');
```
# --seed--

View File

@@ -7,7 +7,7 @@ dashedName: step-9
# --description--
Give the `#text` element a `background-color` of `black`, a `color` of `white`, and `10px` of padding on all sides.
Give the `#text` element a `background-color` of `#0a0a23`, a `color` of `#ffffff`, and `10px` of padding on all sides.
# --hints--
@@ -18,18 +18,18 @@ const text = new __helpers.CSSHelp(document).getStyle('#text');
assert.exists(text);
```
Your `#text` element should have a `background-color` of `black`.
Your `#text` element should have a `background-color` of `#0a0a23`.
```js
const background = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('background-color');
assert.equal(background, 'black');
assert.equal(background, 'rgb(10, 10, 35)');
```
Your `#text` element should have a `color` of `white`.
Your `#text` element should have a `color` of `#ffffff`.
```js
const color = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('color');
assert.equal(color, 'white');
assert.equal(color, 'rgb(255, 255, 255)');
```
Your `#text` element should have `10px` of padding on all sides.
@@ -77,7 +77,7 @@ assert.equal(padding, '10px');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
--fcc-editable-region--

View File

@@ -7,7 +7,11 @@ dashedName: step-10
# --description--
Give your `#game` a maximum width of `500px` and a maximum height of `400px`. Set the `background-color` to `lightgray` and the `color` to `white`. Use margins to center it by setting the top and bottom margin to `0`, and the left and right margin to `auto`. Finally, give it `10px` of padding on all four sides.
Give your `#game` a maximum width of `500px` and a maximum height of `400px`. Set the `background-color` to `#ffffff` and the `color` to `#ffffff`.
Use margins to center it by setting the top margin to `30px`, bottom margin to `0px`, and the left and right margin to `auto`.
Finally, give it `10px` of padding on all four sides.
# --hints--
@@ -32,25 +36,47 @@ const maxHeight = new __helpers.CSSHelp(document).getStyle('#game')?.getProperty
assert.equal(maxHeight, '400px');
```
Your `#game` selector should have a `background-color` of `lightgray`.
Your `#game` selector should have a `background-color` of `#ffffff`.
```js
const background = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('background-color');
assert.equal(background, 'lightgray');
assert.equal(background, 'rgb(255, 255, 255)');
```
Your `#game` selector should have a `color` of `white`.
Your `#game` selector should have a `color` of `#ffffff`.
```js
const color = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('color');
assert.equal(color, 'white');
assert.equal(color, 'rgb(255, 255, 255)');
```
Your `#game` selector should have a `margin` set to `0 auto`.
Your `#game` selector should have a `margin-top` set to `30px`.
```js
const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin');
assert.equal(margin, '0px auto');
const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin-top');
assert.equal(margin, '30px');
```
Your `#game` selector should have a `margin-left` set to `auto`.
```js
const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin-left');
assert.equal(margin, 'auto');
```
Your `#game` selector should have a `margin-right` set to `auto`.
```js
const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin-right');
assert.equal(margin, 'auto');
```
Your `#game` selector should have a `margin-bottom` set to `0px`.
```js
const margin = new __helpers.CSSHelp(document).getStyle('#game')?.getPropertyValue('margin-bottom');
assert.equal(margin, '0px');
```
Your `#game` selector should have `10px` of padding on all sides.
@@ -98,13 +124,13 @@ assert.equal(padding, '10px');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
--fcc-editable-region--

View File

@@ -7,7 +7,7 @@ dashedName: step-11
# --description--
Give both your `#controls` and `#stats` elements a `border` of `1px solid black`, a `black` text color, and `5px` of padding.
Give both your `#controls` and `#stats` elements a `border` of `1px solid #0a0a23`, a `#0a0a23` text color, and `5px` of padding.
# --hints--
@@ -18,18 +18,17 @@ const selector = new __helpers.CSSHelp(document).getStyle('#controls, #stats');
assert.exists(selector);
```
Your `#controls, #stats` selector should have a `border` of `1px solid black`.
Your `#controls, #stats` selector should have a `border` of `1px solid #0a0a23`.
```js
const border = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('border');
assert.equal(border, '1px solid black');
assert.equal(new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.border, '1px solid rgb(10, 10, 35)');
```
Your `#controls, #stats` selector should have a `color` of `black`.
Your `#controls, #stats` selector should have a `color` of `#0a0a23`.
```js
const color = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('color');
assert.equal(color, 'black');
assert.equal(color, 'rgb(10, 10, 35)');
```
Your `#controls, #stats` selector should have `5px` of padding.
@@ -77,22 +76,22 @@ assert.equal(padding, '5px');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
--fcc-editable-region--

View File

@@ -25,11 +25,11 @@ const display = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPr
assert.equal(display, 'none');
```
Your `#monsterStats` selector should have a `border` of `1px solid black`.
Your `#monsterStats` selector should have a `border` of `1px solid #0a0a23`.
```js
const border = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('border');
assert.equal(border, '1px solid black');
assert.equal(border, '1px solid rgb(10, 10, 35)');
```
Your `#monsterStats` selector should have `5px` of padding.
@@ -39,18 +39,18 @@ const padding = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPr
assert.equal(padding, '5px');
```
Your `#monsterStats` selector should have a `color` of `white`.
Your `#monsterStats` selector should have a `color` of `#ffffff`.
```js
const color = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('color');
assert.equal(color, 'white');
assert.equal(color, 'rgb(255, 255, 255)');
```
Your `#monsterStats` selector should have a `background-color` of `red`.
Your `#monsterStats` selector should have a `background-color` of `#c70d0d`.
```js
const background = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('background-color');
assert.equal(background, 'red');
assert.equal(background, 'rgb(199, 13, 13)');
```
# --seed--
@@ -91,37 +91,38 @@ assert.equal(background, 'red');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
--fcc-editable-region--
#monsterStats {
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
--fcc-editable-region--
```

View File

@@ -7,7 +7,7 @@ dashedName: step-14
# --description--
Finally, give your `.stat` elements a `padding-right` of `10px`.
Next, give your `.stat` elements a `padding-right` of `10px`.
# --hints--
@@ -63,36 +63,37 @@ assert.equal(paddingRight, '10px');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
--fcc-editable-region--

View File

@@ -1,8 +1,8 @@
---
id: 62a2509ba163e020bb9d84ea
title: Step 15
title: Step 16
challengeType: 0
dashedName: step-15
dashedName: step-16
---
# --description--
@@ -70,39 +70,48 @@ assert.match(code, /<\/script\s*>/i);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a255dae245b52317da824a
title: Step 16
title: Step 17
challengeType: 0
dashedName: step-16
dashedName: step-17
---
# --description--
@@ -72,39 +72,48 @@ assert.match(code, /<script>\s*console\.log\("Hello World"\);\s*<\/script>/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a257659d0d1e2456f24ba2
title: Step 17
title: Step 18
challengeType: 0
dashedName: step-17
dashedName: step-18
---
# --description--
@@ -69,40 +69,49 @@ assert.exists(script);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a39f5a5790eb27c1e5d4bf
title: Step 18
title: Step 19
challengeType: 0
dashedName: step-18
dashedName: step-19
---
# --description--
@@ -58,40 +58,49 @@ assert.match(code, /console\.log\("Hello World"\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3a0a3c0a4b32915d26a6e
title: Step 19
title: Step 20
challengeType: 0
dashedName: step-19
dashedName: step-20
---
# --description--
@@ -88,40 +88,49 @@ assert.match(code, /var xp;/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3a488b24fb32b91155d56
title: Step 20
title: Step 21
challengeType: 0
dashedName: step-20
dashedName: step-21
---
# --description--
@@ -70,40 +70,49 @@ assert.match(code, /var\s+xp\s*=\s*0\s*;/)
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3a75d8466a12e009eff76
title: Step 21
title: Step 22
challengeType: 0
dashedName: step-21
dashedName: step-22
---
# --description--
@@ -92,40 +92,49 @@ assert.equal(xp, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3a7e4f1060e2fc5ffb34b
title: Step 22
title: Step 23
challengeType: 0
dashedName: step-22
dashedName: step-23
---
# --description--
@@ -76,40 +76,49 @@ assert.match(code, /var currentWeapon\s?=\s?0/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b365f1cdeb33efc2502e
title: Step 23
title: Step 24
challengeType: 0
dashedName: step-23
dashedName: step-24
---
# --description--
@@ -91,40 +91,49 @@ assert.equal(currentWeapon, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b3eab50e193608c19fc6
title: Step 24
title: Step 25
challengeType: 0
dashedName: step-24
dashedName: step-25
---
# --description--
@@ -68,40 +68,49 @@ assert.match(code, /let fighting;/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b41c9494f937560640ab
title: Step 25
title: Step 26
challengeType: 0
dashedName: step-25
dashedName: step-26
---
# --description--
@@ -92,40 +92,49 @@ assert.match(code, /let inventory;/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b49686792938718b90d3
title: Step 26
title: Step 27
challengeType: 0
dashedName: step-26
dashedName: step-27
---
# --description--
@@ -68,40 +68,49 @@ assert.match(code, /let\s+inventory\s*=\s*('|"|`)stick\1/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b506dbaead396f58a701
title: Step 27
title: Step 28
challengeType: 0
dashedName: step-27
dashedName: step-28
---
# --description--
@@ -94,40 +94,49 @@ assert.deepEqual(inventory, ["stick", "dagger", "sword"]);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b5843544ce3a77459c27
title: Step 28
title: Step 29
challengeType: 0
dashedName: step-28
dashedName: step-29
---
# --description--
@@ -68,40 +68,49 @@ assert.include(inventory, "stick");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3b79d520a7f3d0e25afd6
title: Step 29
title: Step 30
challengeType: 0
dashedName: step-29
dashedName: step-30
---
# --description--
@@ -78,40 +78,49 @@ assert.match(code, /querySelector\(('|")#button1\1\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3bb9aeefe4b3fc43c6d7b
title: Step 31
title: Step 32
challengeType: 0
dashedName: step-31
dashedName: step-32
---
# --description--
@@ -64,40 +64,49 @@ assert.deepEqual(button1, document.querySelector("#button1"));
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3bec30ea7f941412512dc
title: Step 33
title: Step 34
challengeType: 0
dashedName: step-33
dashedName: step-34
---
# --description--
@@ -126,40 +126,49 @@ assert.deepEqual(monsterName, document.querySelector('#monsterName'));
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c0ab883fd9435cd5c518
title: Step 35
title: Step 36
challengeType: 0
dashedName: step-35
dashedName: step-36
---
# --description--
@@ -72,40 +72,49 @@ assert.match(code, /\/\/\s*initialize buttons/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c2fccf186146b59c6e96
title: Step 36
title: Step 37
challengeType: 0
dashedName: step-36
dashedName: step-37
---
# --description--
@@ -76,40 +76,49 @@ assert.match(code, /button1\.onclick\s*=\s*goStore/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c4a0e52767482c5202d4
title: Step 37
title: Step 38
challengeType: 0
dashedName: step-37
dashedName: step-38
---
# --description--
@@ -86,40 +86,49 @@ assert.match(code, /button3\.onclick\s*=\s*fightDragon/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c668afc43b4a134cca81
title: Step 38
title: Step 39
challengeType: 0
dashedName: step-38
dashedName: step-39
---
# --description--
@@ -82,40 +82,49 @@ assert.equal(goStore.toString(), "function goStore() {}");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c8bf3980c14c438d2aed
title: Step 39
title: Step 40
challengeType: 0
dashedName: step-39
dashedName: step-40
---
# --description--
@@ -68,40 +68,49 @@ assert.match(goStore.toString(), /console\.log\(('|")Going to store\.\1\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3c91a2bab1b4d6fabb726
title: Step 40
title: Step 41
challengeType: 0
dashedName: step-40
dashedName: step-41
---
# --description--
@@ -74,40 +74,49 @@ assert.match(goCave.toString(), /console.log\(('|")Going to cave\.\1\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3cdb11478a34ff4a6470d
title: Step 41
title: Step 42
challengeType: 0
dashedName: step-41
dashedName: step-42
---
# --description--
@@ -76,40 +76,49 @@ assert.match(fightDragon.toString(), /console.log\(('|")Fighting dragon\.\1\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a3cfc8328d3351b95d4f61
title: Step 42
title: Step 43
challengeType: 0
dashedName: step-42
dashedName: step-43
---
# --description--
@@ -89,37 +89,49 @@ assert.match(goStore.toString(), /button1\.innerText\s*=\s*('|")Buy 10 health \(
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
border: 1px solid black;
padding: 5px;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7beb1ad61211ac153707f
title: Step 43
title: Step 44
challengeType: 0
dashedName: step-43
dashedName: step-44
---
# --description--
@@ -98,40 +98,49 @@ assert.match(goStore.toString(), /button3\.innerText\s*=\s*('|")Go to town squar
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7bf06d2ad9d1c5024e833
title: Step 44
title: Step 45
challengeType: 0
dashedName: step-44
dashedName: step-45
---
# --description--
@@ -124,40 +124,49 @@ assert.match(goStore.toString(), /button3\.onclick\s*=\s*goTown/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7bfabe119461eb13ccbd6
title: Step 45
title: Step 46
challengeType: 0
dashedName: step-45
dashedName: step-46
---
# --description--
@@ -74,40 +74,49 @@ assert.match(goStore.toString(), /text\.innerText\s*=\s*('|")You enter the store
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7bfd9179b7f1f6a15fb1e
title: Step 46
title: Step 47
challengeType: 0
dashedName: step-46
dashedName: step-47
---
# --description--
@@ -86,40 +86,49 @@ assert.equal(goTown.toString(), 'function goTown() {}');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7c011eef9fb2084b966db
title: Step 47
title: Step 48
challengeType: 0
dashedName: step-47
dashedName: step-48
---
# --description--
@@ -66,40 +66,49 @@ assert.equal(goTownString, goStoreString);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7c071219da921758a35bb
title: Step 48
title: Step 49
challengeType: 0
dashedName: step-48
dashedName: step-49
---
# --description--
@@ -94,40 +94,49 @@ assert.match(goTown.toString(), /text\.innerText\s*=\s*('|")You are in the town
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7c23e6b511f22ed71197a
title: Step 49
title: Step 50
challengeType: 0
dashedName: step-49
dashedName: step-50
---
# --description--
@@ -62,40 +62,49 @@ assert.match(goTown.toString(), /text\.innerText\s*=\s*"You are in the town squa
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a7cc99577fbf25ee7a7d76
title: Step 50
title: Step 51
challengeType: 0
dashedName: step-50
dashedName: step-51
---
# --description--
@@ -76,40 +76,49 @@ assert.equal(update.toString(), function update(location) {});
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8a929e4260d08093756d2
title: Step 51
title: Step 52
challengeType: 0
dashedName: step-51
dashedName: step-52
---
# --description--
@@ -69,40 +69,49 @@ assert.equal(locations.length, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8a9d876b2580943ba9351
title: Step 52
title: Step 53
challengeType: 0
dashedName: step-52
dashedName: step-53
---
# --description--
@@ -66,40 +66,49 @@ assert.deepEqual(locations[0], {});
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8aa98a8289d0a698eee1d
title: Step 53
title: Step 54
challengeType: 0
dashedName: step-53
dashedName: step-54
---
# --description--
@@ -76,40 +76,49 @@ assert.equal(locations[0].name, "town square");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ab0e27cbaf0b54ba8a42
title: Step 54
title: Step 55
challengeType: 0
dashedName: step-54
dashedName: step-55
---
# --description--
@@ -89,40 +89,49 @@ assert.equal(locations[0].name, "town square");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ac194679e60cb561b0a8
title: Step 55
title: Step 56
challengeType: 0
dashedName: step-55
dashedName: step-56
---
# --description--
@@ -82,40 +82,49 @@ assert.equal(locations[0]["button text"][2], "Fight dragon");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ad8e01d7cb0deae5ec66
title: Step 56
title: Step 57
challengeType: 0
dashedName: step-56
dashedName: step-57
---
# --description--
@@ -86,40 +86,49 @@ assert.equal(locations[0]["button functions"][2], fightDragon);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ade9b2f5b30ef0b606c2
title: Step 57
title: Step 58
challengeType: 0
dashedName: step-57
dashedName: step-58
---
# --description--
@@ -68,40 +68,49 @@ assert.equal(locations[0]["text"], "You are in the town square. You see a sign t
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ae85fcaedc0fddc7ca4f
title: Step 58
title: Step 59
challengeType: 0
dashedName: step-58
dashedName: step-59
---
# --description--
@@ -121,40 +121,49 @@ assert.deepEqual(locations[0], {
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b0b5053f16111b0b6b5f
title: Step 59
title: Step 60
challengeType: 0
dashedName: step-59
dashedName: step-60
---
# --description--
@@ -104,40 +104,49 @@ assert.match(goStore.toString(), /function goStore\(\) \{\}/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b1762b7775124622e1a3
title: Step 60
title: Step 61
challengeType: 0
dashedName: step-60
dashedName: step-61
---
# --description--
@@ -68,40 +68,49 @@ assert.match(goTown.toString(), /update\(\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b3cc436db8139cc5fc09
title: Step 61
title: Step 62
challengeType: 0
dashedName: step-61
dashedName: step-62
---
# --description--
@@ -62,40 +62,49 @@ assert.match(goTown.toString(), /update\(locations\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b6536156c51500739b41
title: Step 62
title: Step 63
challengeType: 0
dashedName: step-62
dashedName: step-63
---
# --description--
@@ -78,40 +78,49 @@ assert.match(goTown.toString(), /update\(locations\[0\]\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b711ab7a12161c7d9b67
title: Step 63
title: Step 64
challengeType: 0
dashedName: step-63
dashedName: step-64
---
# --description--
@@ -64,40 +64,49 @@ assert.match(update.toString(), /button1\.innerText\s*=\s*location\[('|")button
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8b9770050d217d2247801
title: Step 64
title: Step 65
challengeType: 0
dashedName: step-64
dashedName: step-65
---
# --description--
@@ -62,40 +62,49 @@ assert.match(update.toString(), /button1\.innerText\s*=\s*location\[('|")button
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c0c8313e891a15ec23e7
title: Step 65
title: Step 66
challengeType: 0
dashedName: step-65
dashedName: step-66
---
# --description--
@@ -74,40 +74,49 @@ assert.match(update.toString(), /button3\.innerText\s*=\s*location\[('|")button
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c1154d3ae11aee80353f
title: Step 66
title: Step 67
challengeType: 0
dashedName: step-66
dashedName: step-67
---
# --description--
@@ -86,40 +86,49 @@ assert.match(update.toString(), /button3\.onclick\s*=\s*location\[('|")button fu
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c151b23bf21bc7c4fcba
title: Step 67
title: Step 68
challengeType: 0
dashedName: step-67
dashedName: step-68
---
# --description--
@@ -68,40 +68,49 @@ assert.match(update.toString(), /text\.innerText\s*=\s*location\.text/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c173949f851c83c64756
title: Step 68
title: Step 69
challengeType: 0
dashedName: step-68
dashedName: step-69
---
# --description--
@@ -64,40 +64,49 @@ assert.match(goStore.toString(), /update\(locations\[1\]\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c242b25a531f2909e5bc
title: Step 69
title: Step 70
challengeType: 0
dashedName: step-69
dashedName: step-70
---
# --description--
@@ -74,40 +74,49 @@ assert.match(fightBeast.toString(), /function fightBeast\(\) \{\}/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c2bbbd8aa82052f47c53
title: Step 70
title: Step 71
challengeType: 0
dashedName: step-70
dashedName: step-71
---
# --description--
@@ -111,40 +111,49 @@ assert.equal(locations[2].text, "You enter the cave. You see some monsters.");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c31ec0ec78216a1c36a0
title: Step 71
title: Step 72
challengeType: 0
dashedName: step-71
dashedName: step-72
---
# --description--
@@ -76,40 +76,49 @@ assert.notMatch(goCave.toString(), /console\.log/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c370ad8c68227137e0bc
title: Step 72
title: Step 73
challengeType: 0
dashedName: step-72
dashedName: step-73
---
# --description--
@@ -66,40 +66,49 @@ assert.equal(gold, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c3ebc6c35e23785e1a19
title: Step 73
title: Step 74
challengeType: 0
dashedName: step-73
dashedName: step-74
---
# --description--
@@ -64,40 +64,49 @@ assert.equal(health, 20);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c41ecaf1bd24536129b8
title: Step 74
title: Step 75
challengeType: 0
dashedName: step-74
dashedName: step-75
---
# --description--
@@ -74,40 +74,49 @@ assert.equal(health, 20);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c465fa7b0c252f4a8f0c
title: Step 75
title: Step 76
challengeType: 0
dashedName: step-75
dashedName: step-76
---
# --description--
@@ -82,40 +82,49 @@ assert.equal(target.innerText, '0');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c4db0710f3260f867a92
title: Step 76
title: Step 77
challengeType: 0
dashedName: step-76
dashedName: step-77
---
# --description--
@@ -78,40 +78,49 @@ assert.match(buyHealth.toString(), /if\s*\(('|")condition\1\)\s*\{[\s\S]*\}/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c56247609626fa4a8d6e
title: Step 77
title: Step 78
challengeType: 0
dashedName: step-77
dashedName: step-78
---
# --description--
@@ -88,40 +88,49 @@ assert.equal(gold, 5);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c5db7888af27af23f0dd
title: Step 78
title: Step 79
challengeType: 0
dashedName: step-78
dashedName: step-79
---
# --description--
@@ -73,40 +73,49 @@ assert.isAbove(split.indexOf('else'), split.indexOf('if'));
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c65b75664c28a8e59c16
title: Step 79
title: Step 80
challengeType: 0
dashedName: step-79
dashedName: step-80
---
# --description--
@@ -65,40 +65,49 @@ assert.equal(text.innerText, 'You do not have enough gold to buy health.');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c6815f5f1a29735efe1b
title: Step 80
title: Step 81
challengeType: 0
dashedName: step-80
dashedName: step-81
---
# --description--
@@ -68,40 +68,49 @@ assert.equal(weapons.length, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c7322e42962ad53ad204
title: Step 81
title: Step 82
challengeType: 0
dashedName: step-81
dashedName: step-82
---
# --description--
@@ -93,40 +93,49 @@ assert.equal(weapons[3].power, 100);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c7a59e72c02bb1c717d2
title: Step 82
title: Step 83
challengeType: 0
dashedName: step-82
dashedName: step-83
---
# --description--
@@ -62,40 +62,49 @@ assert.match(buyWeapon.toString(), /if\s*\(gold\s*>=\s*30\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c89e4272512d44fc1c66
title: Step 83
title: Step 84
challengeType: 0
dashedName: step-83
dashedName: step-84
---
# --description--
@@ -72,40 +72,49 @@ assert.equal(gold, 20);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8c8cee8e5cf2e001789b4
title: Step 84
title: Step 85
challengeType: 0
dashedName: step-84
dashedName: step-85
---
# --description--
@@ -76,40 +76,49 @@ assert.equal(currentWeapon, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ca22d29fe62f3952bdf5
title: Step 85
title: Step 86
challengeType: 0
dashedName: step-85
dashedName: step-86
---
# --description--
@@ -64,40 +64,49 @@ assert.notMatch(buyWeapon.toString(), /currentWeapon\s*\+=\s*1/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8cb19bd7f8a304e5427a1
title: Step 86
title: Step 87
challengeType: 0
dashedName: step-86
dashedName: step-87
---
# --description--
@@ -62,40 +62,49 @@ assert.match(buyWeapon.toString(), /text\.innerText\s*=\s*('|")You now have a ne
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8cbd1e3595431d5a2b3f1
title: Step 87
title: Step 88
challengeType: 0
dashedName: step-87
dashedName: step-88
---
# --description--
@@ -75,40 +75,49 @@ assert.isBelow(contents.indexOf('newWeapon'), contents.indexOf('text.innerText')
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8cce1b0c32c33017cf2e9
title: Step 88
title: Step 89
challengeType: 0
dashedName: step-88
dashedName: step-89
---
# --description--
@@ -64,40 +64,49 @@ assert.match(buyWeapon.toString(), /newWeapon\s*=\s*weapons\[currentWeapon\]/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ce1dfc990134162b3bd9
title: Step 89
title: Step 90
challengeType: 0
dashedName: step-89
dashedName: step-90
---
# --description--
@@ -56,40 +56,49 @@ assert.match(buyWeapon.toString(), /newWeapon\s*=\s*weapons\[currentWeapon\]\.na
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8ce73d0dce43468f6689c
title: Step 90
title: Step 91
challengeType: 0
dashedName: step-90
dashedName: step-91
---
# --description--
@@ -75,40 +75,49 @@ assert.match(buyWeapon.toString(), /text\.innerText\s*=\s*('|")You now have a \1
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8cf22272d6d35af80d4ac
title: Step 91
title: Step 92
challengeType: 0
dashedName: step-91
dashedName: step-92
---
# --description--
@@ -81,40 +81,49 @@ assert.deepEqual(inventory, ["dagger"]);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d0337d7c67377a4a76c6
title: Step 92
title: Step 93
challengeType: 0
dashedName: step-92
dashedName: step-93
---
# --description--
@@ -71,40 +71,49 @@ assert.match(buyWeapon.toString(), /text\.innerText\s*\+=\s*('|")\sIn your inven
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d08668fa8b38732486e9
title: Step 93
title: Step 94
challengeType: 0
dashedName: step-93
dashedName: step-94
---
# --description--
@@ -62,40 +62,49 @@ assert.match(buyWeapon.toString(), /text\.innerText\s*\+=\s*('|")\sIn your inven
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d0c4f12c2239b6618582
title: Step 94
title: Step 95
challengeType: 0
dashedName: step-94
dashedName: step-95
---
# --description--
@@ -77,40 +77,49 @@ assert.equal(text.innerText, 'You do not have enough gold to buy a weapon.');
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d0fdf2dad83a92883a80
title: Step 95
title: Step 96
challengeType: 0
dashedName: step-95
dashedName: step-96
---
# --description--
@@ -74,40 +74,49 @@ assert.notEqual(text.innerText, "You do not have enough gold to buy a weapon.");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d143f2a58e3b6d6e9c33
title: Step 96
title: Step 97
challengeType: 0
dashedName: step-96
dashedName: step-97
---
# --description--
@@ -64,40 +64,49 @@ assert.match(buyWeapon.toString(), /currentWeapon\s*<\s*weapons\.length/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d1c72e8bb13c2074d93c
title: Step 97
title: Step 98
challengeType: 0
dashedName: step-97
dashedName: step-98
---
# --description--
@@ -64,40 +64,49 @@ assert.match(buyWeapon.toString(), /currentWeapon\s*<\s*weapons\.length\s*-\s*1/
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d2146a3e853d0a6e28ca
title: Step 98
title: Step 99
challengeType: 0
dashedName: step-98
dashedName: step-99
---
# --description--
@@ -71,40 +71,49 @@ assert.equal(text.innerText, "You already have the most powerful weapon!");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d24c97461b3ddb9397c8
title: Step 99
title: Step 100
challengeType: 0
dashedName: step-99
dashedName: step-100
---
# --description--
@@ -76,40 +76,49 @@ assert.match(buyWeapon.toString(), /button2\.onclick\s*=\s*sellWeapon;/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d2e2a073be3edb46116f
title: Step 100
title: Step 101
challengeType: 0
dashedName: step-100
dashedName: step-101
---
# --description--
@@ -62,40 +62,49 @@ assert.match(sellWeapon.toString(), /sellWeapon\(\)\s*\{\s*\}/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d31ebbc10e3fe1b28e03
title: Step 101
title: Step 102
challengeType: 0
dashedName: step-101
dashedName: step-102
---
# --description--
@@ -62,40 +62,49 @@ assert.match(sellWeapon.toString(), /if\s*\(inventory\.length\s*>\s*1\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d35660db4040ba292193
title: Step 102
title: Step 103
challengeType: 0
dashedName: step-102
dashedName: step-103
---
# --description--
@@ -71,40 +71,49 @@ assert.equal(gold, 0);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d382cd075f4169223e14
title: Step 103
title: Step 104
challengeType: 0
dashedName: step-103
dashedName: step-104
---
# --description--
@@ -58,40 +58,49 @@ assert.match(sellWeapon.toString(), /currentWeapon/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d539dc11cb42b5dd7ec8
title: Step 104
title: Step 105
challengeType: 0
dashedName: step-104
dashedName: step-105
---
# --description--
@@ -68,40 +68,49 @@ assert.match(sellWeapon.toString(), /currentWeapon\s*=\s*inventory\.shift\(\)/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d61ddfe35744369365b7
title: Step 105
title: Step 106
challengeType: 0
dashedName: step-105
dashedName: step-106
---
# --description--
@@ -83,40 +83,49 @@ assert.equal(text.innerText, "You sold a first.");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d6c7001ebc45350e3d16
title: Step 106
title: Step 107
challengeType: 0
dashedName: step-106
dashedName: step-107
---
# --description--
@@ -76,40 +76,49 @@ assert.match(sellWeapon.toString(), /text\.innerText\s*\+=\s*('|") In your inven
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d7b8ab568b4649998954
title: Step 107
title: Step 108
challengeType: 0
dashedName: step-107
dashedName: step-108
---
# --description--
@@ -70,40 +70,49 @@ assert.equal(text.innerText, "Don't sell your only weapon!");
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8d81f539f004776dd9b1e
title: Step 108
title: Step 109
challengeType: 0
dashedName: step-108
dashedName: step-109
---
# --description--
@@ -140,40 +140,49 @@ assert.deepEqual(monsters, [
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8dd468debb449b4454086
title: Step 109
title: Step 110
challengeType: 0
dashedName: step-109
dashedName: step-110
---
# --description--
@@ -62,40 +62,49 @@ assert.match(goFight.toString(), /goFight\s*\(\s*\)\s*\{\s*\}/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

View File

@@ -1,8 +1,8 @@
---
id: 62a8dd9cdb16324b04cfd958
title: Step 110
title: Step 111
challengeType: 0
dashedName: step-110
dashedName: step-111
---
# --description--
@@ -70,40 +70,49 @@ assert.match(fightSlime.toString(), /goFight\(\);/);
```css
body {
background-color: darkblue;
background-color: #0a0a23;
}
#text {
background-color: black;
color: white;
padding: 10px;
background-color: #0a0a23;
color: #ffffff;
padding: 10px;
}
#game {
max-width: 500px;
max-height: 400px;
background-color: lightgray;
color: white;
margin: 0 auto;
padding: 10px;
max-width: 500px;
max-height: 400px;
background-color: #ffffff;
color: #ffffff;
margin: 30px auto 0px;
padding: 10px;
}
#controls, #stats {
border: 1px solid black;
padding: 5px;
color: black;
#controls,
#stats {
border: 1px solid #0a0a23;
padding: 5px;
color: #0a0a23;
}
#monsterStats {
display: none;
border: 1px solid black;
padding: 5px;
color: white;
background-color: red;
display: none;
border: 1px solid #0a0a23;
padding: 5px;
color: #ffffff;
background-color: #c70d0d;
}
.stat {
padding-right: 10px;
padding-right: 10px;
}
button {
cursor: pointer;
color: #0a0a23;
background-color: #feac32;
background-image: linear-gradient(#fecc4c, #ffac33);
border: 3px solid #feac32;
}
```

Some files were not shown because too many files have changed in this diff Show More