Skip to content

Commit 00b9728

Browse files
committed
Update build-a-randomizer-generator-with-html-css-js.mdx
1 parent 7e43b06 commit 00b9728

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

projects/build-a-randomizer-generator-with-html-css-js/build-a-randomizer-generator-with-html-css-js.mdx

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -40,18 +40,17 @@ tags:
4040

4141
# Introduction
4242

43-
Are you familiar with Cher's closet from [Clueless](https://en.wikipedia.org/wiki/Clueless) or the randomize button in a game's character creator?
43+
Have you ever used the randomize button in a video game's character creator? (…how many hours of Baldur's Gate 3 do you think we've played? ⚔️)
44+
<RoundedImage link="https://i.imgur.com/jkgf7of.gif" description="" />
4445

46+
Or, remember Cher's closet from [Clueless](https://en.wikipedia.org/wiki/Clueless), which helped her plan outfits by swiping through a catalogue of her entire wardrobe.?
4547
<RoundedImage link="https://i.imgur.com/TYmiJnX.gif" description="" />
4648

47-
These are both examples of randomizer generators! In Clueless, Cher used it to plan outfits by swiping through a catalogue of her entire wardrobe.
49+
These are both examples of randomizer generators!
4850

4951
There are other types of cool generators out there in games, movies, and TV shows. We can use the same logic to design monsters or even avatars.
5052

51-
<RoundedImage link="https://i.imgur.com/jkgf7of.gif" description="" />
52-
…how many hours of Baldur's Gate 3 do you think we've played? ⚔️
53-
54-
Today, we'll be learning how to use HTML, CSS, and vanilla JavaScript to build our own Random Generator.
53+
Today, we'll be learning how to use HTML, CSS, and vanilla JavaScript to build our own Randomizer Generator.
5554

5655
## Getting Started
5756

@@ -88,8 +87,8 @@ This button, labeled "randomize!", triggers the randomization of outfit pieces w
8887

8988
```html
9089
<div class="carousel-buttons">
91-
<button id="0prevBtn">⬅️</button>
92-
<button id="0nextBtn">➡️</button>
90+
<button id="0prevBtn"></button>
91+
<button id="0nextBtn"></button>
9392
</div>
9493
```
9594

@@ -256,8 +255,8 @@ In the HTML, you'll need to add a new section for shoes. This will look similar
256255
<div class="shoes-container">
257256
<img id="shoes" class="shoes-image" src="" alt="shoes" />
258257
<div class="carousel-buttons">
259-
<button id="3prevBtn">⬅️</button>
260-
<button id="3nextBtn">➡️</button>
258+
<button id="3prevBtn"></button>
259+
<button id="3nextBtn"></button>
261260
</div>
262261
</div>
263262
```

0 commit comments

Comments
 (0)