Okay, so I wanted to make a cool thing that would show a random KSI quote every time I hit a button. Sounds simple, right? Well, it kinda was, but also kinda not. Here’s how it went down.
First Steps: Finding the Quotes
First, I needed, you know, the actual quotes. I could’ve just made a list myself, but I figured there must be some KSI quote lists floating around online. A quick Google search, and boom – tons of websites with lists of his sayings. I just picked a few that I liked and copied them into a simple text file. Easy peasy.
Building the Thing
Next up, I needed a way to actually display the quotes. I’m not a pro coder or anything, so I decided to keep it super basic. I went with HTML and JavaScript, ’cause that’s what I kinda know from messing around before. I used JavaScript because all quotes have to be displayed randomly.
I made a basic HTML page with just a button and a place to show the quote. Then, I wrote a little bit of JavaScript. This is the part where it got a little tricky, mostly ’cause I had to remember how to do some stuff.
I had put all my quotes in the JavaScript file in a big list (an “array”, I think it’s called?). Then, I wrote a function that would pick a random quote from that list. It basically just picks a random number, and then grabs the quote that’s at that spot in the list.
- Make an HTML page.
- Add a button.
- Add a place to show the quote.
- write some JavaScript to grab a random quote.
- Make the button trigger that JavaScript.
The Final Touch: Making it Work
The last part was to make the button actually do something. I had to connect the button to my JavaScript function, so that when you click the button, it runs the function and shows a new quote. I remember this part being a bit fiddly, but I eventually got it working by looking at some online examples.
And that’s it! Now I have this simple little page where I can click a button and get a random KSI quote. It’s not fancy, but it works, and I made it myself, which is pretty cool. I might add more quotes later, or maybe even try to make it look a bit nicer, but for now, I’m happy with it.
