This is my first journal entry

Last class we linked our folder to the internet through terminal. We created github accounts.

  1. after opening terminal, type cd ./desktop/c27cw.github.io to enter my folder
  2. to check if changes were made to my folder type git status which shows all changes made
  3. To add all changes type git add .
  4. Then commit changes and add a meessage of what I did git commit -m "message"
  5. to post changes online use text git push

Journal Entry Number Two

In class we were taught how to change font types and access google fonts. I changed to EB Garamond, text can affect any specific texts or entire body.

Journal Entry Number Three

I worked outside of class to create an animation of a box opening and capture the first frame so that the box would start out closed and opening on a click. I then worked on getting the box to turn into a link only after the animation has played.

Journal Entry Number Four

This class taught us how to make animations with different divs in css, I made a square animation as my first project, with a link to it in projects and a little square image to symbolize the project.

Journal Entry Number Five

We learned how to format EventListeners this class, I drew out ideas for what my halloween project could be.

Journal Entry Number Six

I learned Adobe Illustrate to make an animation for my halloween project, not exactly a jumpscare. I learned different frames and animated a person, now pushed and under projects as my second project! I tried to make an image div to represent this one in class, but it won't show up, I'll come back to see what's going on.

Journal Entry Number 7 (11/10/23)

Today we screenshared people's websites. We are now defining functions to further our understanding of them and to better utilize them in JS.

Journal Entry Number 8 (11/19/23)

I added a square full of images of my dad, and parts of his identity. I titled each separate div "Dad" followed by sequential numbering from 1 to 9. I place through top and left each div in a square spacing. I set the opacity of all divs to 0 in style. I then created an event listener for clicks where whenever I clicked it would add one to a variable number, and use the value of that variable each time to pick out the div with that number, and change its opacity to 1. This allowed each click to reveal the next div. Lastly, I set limitations on the variable so that it would not go above the nine divs I had.

Journal Entry Number 9 (12/13/23)

I allowed for a functioning project in which you have an empty tortilla that you can fill with salsa, by clicking on the salsa bowl and then placing salsa wherever you want on the screen. I made use of eventlisteners and variables to tell when the salsa bowl was clicked on, then I used another eventlistener for clicks to figure out where to place the salsa, and if it should be place.

Journal Entry Number 10 (1/10/24)

I tested out arrays in JS, and created an array of nicknames for the infamous Evan Kim. I utilised a random number generator and multiplied it to randomly pick a number between the ranges of 0-9, which was then rounded to an integer. This random int 0-9 was then input as the return key for my array, which allowed me to randomly return a nickname from within my array.

Journal Entry Number 11 (2/14/24)

I finally linked a bunch of my random testing and projects in index.html and worked on input testing in input.html.

Journal Entry Number 12 on Array Project

I created an array based project to give a nickname for Evan. It has one array with possible nicknames and uses math.random to randomly pick a value from that array. It then assigned three of these random names to be displayed within divs upon clicking, like a slot machine. I also added an if statement to check if the three names chosen were the same. In that case, it sends an alert saying that you won, and updates a win counter in the top left corner.