This is a Harry Potter Wu-Tang name generator. The user answers five survey questions and based on those answers, the DOM will show what their Wu-Tang name is.
This was created using HTML5, CSS3, and JavaScript.
I collaborated with my friend Mecca for this project. We had fun making up the names in our name arrays and making the silly survey questions. We gave each answer a label (their index number) and put them in an array as the user's answers. We also made an array (using google) that listed every combination of answers possible. We then made a function that matches the users answers to a combination in the big array to get the index of the combo. We used modulo to scale the index to the name arrays. This ensures that every same set of answers will get the same name.
I learned how to crop things on mac preview. I could not stop laughing while I was making the wizard hat image of the Wu-Tang Clan. This project took a deeper dive into what modulo can do in JS besides finding divisibility.