@@ -40,18 +40,17 @@ tags:
40
40
41
41
# Introduction
42
42
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 = " " />
44
45
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.?
45
47
<RoundedImage link = " https://i.imgur.com/TYmiJnX.gif" description = " " />
46
48
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!
48
50
49
51
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.
50
52
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.
55
54
56
55
## Getting Started
57
56
@@ -88,8 +87,8 @@ This button, labeled "randomize!", triggers the randomization of outfit pieces w
88
87
89
88
``` html
90
89
<div class =" carousel-buttons" >
91
- <button id =" 0prevBtn" >⬅️ </button >
92
- <button id =" 0nextBtn" >➡️ </button >
90
+ <button id =" 0prevBtn" >← </button >
91
+ <button id =" 0nextBtn" >→ </button >
93
92
</div >
94
93
```
95
94
@@ -256,8 +255,8 @@ In the HTML, you'll need to add a new section for shoes. This will look similar
256
255
< div class = " shoes-container" >
257
256
< img id= " shoes" class = " shoes-image" src= " " alt= " shoes" / >
258
257
< div class = " carousel-buttons" >
259
- < button id= " 3prevBtn" > ⬅️ < / button>
260
- < button id= " 3nextBtn" > ➡️ < / button>
258
+ < button id= " 3prevBtn" > ← < / button>
259
+ < button id= " 3nextBtn" > → < / button>
261
260
< / div>
262
261
< / div>
263
262
` ` `
0 commit comments