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!

Journal Entry #14: Today, I learnt how to make a grid and I did some of my favorite places that I have been to! We used a container and made a bunch of divs. We learnt how to use "grid-template" and .item and we also learnt @media which is something completley new! It was very fun. We learnt spacing so I made gaps in between places.

Journal Entry #15: We were continuing our desings today. Instead of just having circles, which is what we were learning last time, I made it better. I put circles inside circles and made them neon colors by adding "circle" and "fill." We also learnt how to use let d = dist and arc, to fill half of the inside of my circle when my mouse hovers over it.

Journal Entry #16: Today I added some stuff to my design. We learned how to use push and pop, and translate and rotate. I changed all my X and Y's to 0,0 and added rotate in order to make 2 little black circles I created (with circle and fill) rotate! For rotating, you have to do frameCount * the speed you want your shape(s) to rotate at. Now my design is a hypnotizing screen.

Journal Entry #17: Today we created a randomworker.html. We used 2 functions and used let randomNumber and let randomColor to fill the little circles we created. It automatically moves little filled circles all around the screen, randomly. We also learnt about xpos and ypos to determine the speed/distance of our circles.

Journal Entry #18: Today we learnt how to use the and/or opperators. We made bouncing balls that when they go to specific corners, they change color. We used xpos, ypos, xspeed, yspeed again. And we also made d = 50 so we could just divide by d instead of 50.

Journal Entry #19: I continued on my bouncing ball today. And I made the color change at different perameters and I made the diameter change. We did this using change ball color and putting in perameters for where we wanted the color to change. And we used getRandomDiameter to change the size when it moves. It is a random picker but there is a minimum of 50 and max of 100.