@@ -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
4951There 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