For the first homework our task was to "Create something that takes non-speech input from a person and responds with speech synthesis". I wanted to do something playful and decided to do a puzzle-like game. And since I was hungry at the time I chose a photo of Russian dumplings that are called Pierogis in the US (but they aren't called like that actually!).
So I cut out some parts from the pic and saved the parts as separate pictures. Wrote a code.
Anytime you drug or hover on any part the computer gonna say something in Russian accent (I do hope that I don't sound like that though...).
I had a problem that Pauline Ceraulo, my fellow student, helped to solve. Anytime I tried running js file, I had an error saying "cannot set property onclick of null". I spend an hour trying to figure out what was wrong with my js code. Until Pauline pointed out that html was a problem, since it's returning null, as the rest of the DOM hasn't loaded. So I moved a script src line to the bottom of html and that solved it.
You can try the puzzle on my Githuh by clicking on the link.
A picture of the website & screenshots of js and html files
Comments