Okay, so the other day, I was trying to figure out this whole Genshin anniversary rewards thing. You know, who to pick and all that. I was kinda lost, so I decided to make things a little easier for myself. I went down a rabbit hole and ended up building this little tool, which I’m calling the “Genshin Anniversary Picker.” Let me tell you how I did it.
The Brainstorm
First, I needed to get all the characters straight. I mean, there are so many! I spent a good chunk of time just going through the list of 4-star characters we can choose, getting their names, elements, all that stuff. It was a bit of a pain, gotta be honest.
Building the Thing
I wanted something simple, nothing fancy. I’m not a coder, by any means. I messed around with some basic HTML. Just to get the structure down, you know? Like, a place to see the character, select their element, that sort of thing.
Then came the messy part – the JavaScript. I’m really just hacking things together here, grabbing bits of code and trying to make them work. I wanted it to filter the characters based on their elements. Click “Pyro,” and you only see Pyro characters. Simple, right? Well, it took me a while to get it right!
- I started with an array, basically a list, of all the characters.
- Each character had their name, element, and maybe a little picture. I didn’t get to the pictures yet, that’s for later.
- Then I had these buttons for each element.
- When you click a button, the JavaScript magic happens. It goes through the list of characters and only shows the ones that match the element you clicked.
It (Kinda) Works!
It is not perfect, not at all. The interface looks rough, I have not done anything related to css. But hey, it filters! I can click on “Hydro” and bam! Only the Hydro characters are there. It made my decision a little easier, which was the whole point. For others, it could be different, but for me, it is great!
Next Steps (Maybe)
If I get some more free time, I might try to make it look a little nicer. Add those character pictures I mentioned. Maybe even make it work on my phone. But for now, it’s good enough. It helped me, and maybe it’ll help someone else out there. I did the work, to make my own decision easier, so why not share?
It was a fun little project. Taught me a bit about, basic web stuff, even if it’s messy. And most importantly, I finally picked my anniversary character!.
