Last class we linked our folder to the internet through terminal. We created github accounts.
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.
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.
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.
We learned how to format EventListeners this class, I drew out ideas for what my halloween project could be.
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.
Today we screenshared people's websites. We are now defining functions to further our understanding of them and to better utilize them in JS.
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.
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.
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.
I finally linked a bunch of my random testing and projects in index.html and worked on input testing in input.html.
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.