CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(curriculum): updated description, tests and styles for calorie counter (#53265)

Browse Source
This commit is contained in:
RGHANILOO 2024-01-22 17:24:27 +00:00 committed by GitHub
parent 53b40e3446
commit f0c0177f10
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
94 changed files with 217 additions and 217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/5ddb965c65d27e1512d44d9a.md
View File

@ -140,11 +140,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b606f09a14cc1781aea1fb.md
View File

@ -164,11 +164,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b6075a62883218d282504c.md
View File

@ -155,11 +155,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b607af6fcdb119aae9b16a.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60821c855d01b1eda3c0b.md
View File

@ -182,11 +182,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b6088bb56e2d1cac364043.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b608ebf40c871d960fc004.md
View File

@ -232,11 +232,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60a140bf5a321d50a7315.md
View File

@ -181,11 +181,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60aaaa65f8922bfce6b7e.md
View File

@ -234,11 +234,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60af1a0b9f7238a9dd294.md
View File

@ -240,11 +240,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60c09c5039f25a3b2dda9.md
View File

@ -220,11 +220,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60ca38c897f2721b27959.md
View File

@ -200,11 +200,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60cfaca25bb27edd40f62.md
View File

@ -188,11 +188,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60d3c5048302906962231.md
View File

@ -204,11 +204,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b613f367584d2a5d041b7d.md
View File

@ -210,11 +210,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b61490e633a22b4593e62f.md
View File

@ -228,11 +228,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b614e6a1f7fe2cef6312dc.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b6152e6aff882db819fc1e.md
View File

@ -200,11 +200,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b61584def8fa2ebcc259e0.md
View File

@ -198,11 +198,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf43be3f969d24d4ed233c.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf446945d34d25e6db6e4f.md
View File

@ -198,11 +198,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf45ce0dc8d4270760c6d0.md
View File

@ -215,11 +215,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf461011fca327d3b60fa8.md
View File

@ -212,11 +212,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf47fd40599f29827f484d.md
View File

@ -182,11 +182,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf492b6dfb292a79f0e675.md
View File

@ -180,11 +180,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4bfe9de3852be51c8f86.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4d351e06432ce9bf3627.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf511b85b6082e54dc1573.md
View File

@ -204,11 +204,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5230bccd1c2f5c13e1ce.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf598a4c807930a13a1a27.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5a518d54f63181ab639a.md
View File

@ -180,11 +180,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5a92fd148d3264d5322b.md
View File

@ -188,11 +188,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5adfe2981b332eb007b6.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5bcfebff0734593fad19.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5c438f523a359769106c.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf5cf03b50bf36cfbe94ea.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1dfbd56c71e278800010c.md
View File

@ -197,11 +197,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e0af28078f2dfad9eb3e.md
View File

@ -198,11 +198,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e1965a898d302e0af4e3.md
View File

@ -198,11 +198,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e5b4b3c8a031def3bd65.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e704ee12703347625900.md
View File

@ -196,11 +196,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2164c0df38a382062c4af.md
View File

@ -196,11 +196,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c216da562fbb3957b9cb2c.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2171c1e5b6e3aa51768d0.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21774193de43bbc6a769f.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c217ccd939053ce4fa16d6.md
View File

@ -210,11 +210,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21839f56eaf3ef4e027c4.md
View File

@ -220,11 +220,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2187f55eb0f400269568f.md
View File

@ -229,11 +229,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c218c028c56a411b2a379a.md
View File

@ -216,11 +216,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2194dce265f429300c8b1.md
View File

@ -182,11 +182,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21c17fa8fd6447ff0389d.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21cd2c34541469f5700a9.md
View File

@ -190,11 +190,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21d4f48267a47c2946788.md
View File

@ -196,11 +196,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c21dea919c8e4adb0df8e8.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ab51214c8c1f1b9a49f7.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md
View File

@ -200,11 +200,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8b0187cceff21c8389543.md
View File

@ -208,11 +208,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8be904ffff922f3c6f8d0.md
View File

@ -195,11 +195,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8c00bfb671b23f9de4159.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8c15fd337ad24b9b68049.md
View File

@ -204,11 +204,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bc53735149084390e5d0.md
View File

@ -195,11 +195,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bcc26219e7090da0f549.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md
View File

@ -208,11 +208,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bdd916e0c10af01ed8d7.md
View File

@ -186,11 +186,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9be334f4a050c0b94bc93.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bef7fec05c0d38853828.md
View File

@ -188,11 +188,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bf80558d780e848b2987.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c09a7daa4f0ff92c4023.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c0d0857f0a10a57af936.md
View File

@ -228,11 +228,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c11a0a090311dff55564.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c16dd75dd212dc12363c.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c1ef134f3513e751c975.md
View File

@ -228,11 +228,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e3a83bb3e61a80eea564.md
View File

@ -196,11 +196,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e45519caf31b987fbb5f.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e4d2ff41811dd640504f.md
View File

@ -198,11 +198,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

4
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e51b3a007a1eba1cd0f6.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

22
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e55b4b06c11fff555c64.md
View File

@ -7,9 +7,9 @@ dashedName: step-77
# --description--
You need to know if the user's calories are a surplus or a deficit. Declare a `surplusOrDeficit` variable.
You need to know if the user is in a caloric surplus or deficit. A caloric surplus is when you consume more calories than you burn, and a caloric deficit is when you burn more calories than you consume. Burning as many calories as you consume is called maintenance, and can be thought of as a surplus or deficit of `0`, depending on your goals.
Use a ternary operator to set `surplusOrDeficit` to the string `Surplus` or `Deficit` depending on whether `remainingCalories` is greater than or equal to `0`. If it is greater than or equal to `0`, then `surplusOrDeficit` should be `Surplus`. Otherwise, it should be `Deficit`.
Declare a `surplusOrDeficit` variable. Then use a ternary operator to set `surplusOrDeficit` to the string `Surplus` or `Deficit` depending on whether `remainingCalories` is less than `0`. If it is less than `0`, then `surplusOrDeficit` should be `Surplus`. Otherwise, it should be `Deficit`.
# --hints--
@ -19,28 +19,28 @@ Your `calculateCalories` function should have a `surplusOrDeficit` variable.
assert.match(calculateCalories.toString(), /surplusOrDeficit\s*=/g);
```
You should have a ternary operator that checks if `remainingCalories` is greater than or equal to `0`.
You should have a ternary operator that checks if `remainingCalories` is less `0`.
```js
assert.match(calculateCalories.toString(), /remainingCalories\s*>=\s*0\s*\?/g);
assert.match(calculateCalories.toString(), /remainingCalories\s*<\s*0\s*\?/g);
```
Your ternary operator return the string `Surplus` if `remainingCalories` is greater than or equal to `0`.
Your ternary operator should return the string `Surplus` if `remainingCalories` is less than `0`.
```js
assert.match(calculateCalories.toString(), /remainingCalories\s*>=\s*0\s*\?\s*('|")Surplus\1\s*:/g);
assert.match(calculateCalories.toString(), /remainingCalories\s*<\s*0\s*\?\s*('|")Surplus\1\s*:/g);
```
Your ternary operator return the string `Deficit` if `remainingCalories` is not greater than or equal to `0`.
Your ternary operator should return the string `Deficit` if `remainingCalories` is not less than `0`.
```js
assert.match(calculateCalories.toString(), /remainingCalories\s*>=\s*0\s*\?\s*('|")Surplus\1\s*:\s*('|")Deficit\2/g);
assert.match(calculateCalories.toString(), /remainingCalories\s*<\s*0\s*\?\s*('|")Surplus\1\s*:\s*('|")Deficit\2/g);
```
You should assign the result of your ternary operator to `surplusOrDeficit`.
```js
assert.match(calculateCalories.toString(), /surplusOrDeficit\s*=\s*remainingCalories\s*>=\s*0\s*\?\s*('|")Surplus\1\s*:\s*('|")Deficit\2/g);
assert.match(calculateCalories.toString(), /surplusOrDeficit\s*=\s*remainingCalories\s*<\s*0\s*\?\s*('|")Surplus\1\s*:\s*('|")Deficit\2/g);
```
# --seed--
@ -206,11 +206,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e5eea8261d22856ead1c.md
View File

@ -188,11 +188,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -255,7 +255,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
}
--fcc-editable-region--

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e63bb1e32d23b6adbe44.md
View File

@ -204,11 +204,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -271,7 +271,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = ``;
}
--fcc-editable-region--

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e6b7c0303524af2d0bc2.md
View File

@ -181,11 +181,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -248,7 +248,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}"></span>
`;

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e769df38c92635c158ba.md
View File

@ -190,11 +190,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -257,7 +257,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${remainingCalories} Calorie ${surplusOrDeficit}</span>
`;

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e7d5b21eee2776ecc226.md
View File

@ -197,11 +197,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -264,7 +264,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e84c9fe8ca28c4101189.md
View File

@ -204,11 +204,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -271,7 +271,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md
View File

@ -202,11 +202,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -269,7 +269,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e94e9df7d72aed1c24bd.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -261,7 +261,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ea23dbadbf2c2764e3f5.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -260,7 +260,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ea9b16430f2d54522464.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -258,7 +258,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb09bcfaa72e3da820a1.md
View File

@ -192,11 +192,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -258,7 +258,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb4a5d68f12f32d9b440.md
View File

@ -188,11 +188,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -254,7 +254,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ebb7b12bca3025b0a935.md
View File

@ -199,11 +199,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -265,7 +265,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ec044acedf312c4974ff.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -260,7 +260,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f24afbc9cf324dcaa9a4.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -260,7 +260,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

6
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f28bda3e3f336e21b6b4.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -260,7 +260,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>

12
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f2bff625af342023512c.md
View File

@ -194,11 +194,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -260,7 +260,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>
@ -469,11 +469,11 @@ select {
}
.surplus {
color: var(--light-green);
color: var(--light-pink);
}
.deficit {
color: var(--light-pink);
color: var(--light-green);
}
```
@ -535,7 +535,7 @@ function calculateCalories(e) {
const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
const surplusOrDeficit = remainingCalories >= 0 ? 'Surplus' : 'Deficit';
const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
output.innerHTML = `
<span class="${surplusOrDeficit.toLowerCase()}">${Math.abs(remainingCalories)} Calorie ${surplusOrDeficit}</span>
<hr>