Journal Entry #1: 12-1-25: Today I made my third event listener and I was hungry so I made it pasta that shows up when you click. It is my 6th project (I am a little late with the entries but from now on I will update them often).
Journal Entry #2: (I am going backwards) For my 5th project, I made a cookie clicker wtih a rainbow cookie and I learnt how to create a scoreboard. The number rises when you click on the mouspad.
Journal Entry #3: My 4th project was another event listener that I learnt how to do. When you type on your keyboard, the image of the bus moves across the screen!
Journal Entry #4: My 2nd project was really cool. (I skipped projects 1 and 3 I know) I harmonized by recording 4 different times and when you click on the screen and then drag your mouse to the pink square, you can hear it.
Journal Entry #5: My next project was a little bit hard. Everytime you click on the square, it changes color based on wether the number clicked is even or odd. This is an event listener. You set clicks to 0, the original number, and then set the clicks +1 so it adds a number everytime clicked and the color changes.
Journal Entry #6: This project was an end of season holiday card! It was an event listener. Everytime you click, a picture pops up. Of my table! And when you click at the end, they all disappear. How I did this, is I made a click function event listener under script, and I did many if statements linked to divs. Above, under style, I made a div for how the images should all look, and then I did # to call to the div for each image.
Journal Entry #7: This project was the second I made coming back from break. The first was a random generator Jocelyn and I made for our free. This one was a screen that automatically changes color so it is like a rainbow. I did this by adding a changeColor function and using RGB to control the different colors.
Journal Entry #8: This project is a confetti generator. I made a makeConfetti function and made a div for the little squares. I also used the rgb Math.Random function to get each square to be a different little color. I enjoyed this project because they automatically show up rather than having to click something.
Journal Entry #9: Today we continued to work on our confetti. I added a color picker to be able to pick what color my pickle confetti is and then we added a slider, to determine how much confetti drops at a time, while using the drop confetti button to let the confetti fall.
Journal Entry #10: Today we added to our trains and we made it so that you could pick the color of whatever train cart you add. We did this by adding colorPicker and we made objects as our names so some of my carts have set colors.
Journal Entry #11: Since the beginning of the year, I have learnt a lot more. Instead of just adding images and shapes, we now know how to move them, change color automatically and create multiple of them. For example, in the confetti, I learnt how to make the color of the confetti change automatically. And for the train, I learnt how to use a color changer to make the train carts whatever color I want them to be.
Journal Entry #12: Another thing is that comp sci has helped me outside of class! For example, the other day, I was clicking on a link for a website that was linked on one of my assignments, and the link didn't work. I went into the console and saw there was an error! It was cool to be able to know how to do that.
Journal Entry #13: Today, we made a bad user interface! We used an ID called bad button and used addEventListener to create different ways to click on the button. Then I made an alert that said "You can't catch me" and I also made it so the button moves everytime you click/hover over it. I also made it say hahaha so it is even more annoying. It was fun to see a bad website as well as a good one!