9/22 - last class we linked our folders and created a folder on github. I already had my about me, journal, and projects linked in my code so when it appears on a website it functions well. Although my laptop had issues and kept erroring, Ms. Jacob's figured out how to fix it.
9/26 - today we learned set up our person cards. I chose an image of Harry Kane as he is my favorite english footballer. We looked again at how to link a website and reviewd what the main parts of html code actually mean and do.
10/6 - today I put text on my website under each of my three images linking to projects, journal, and about me. It took me a bit to center and align but eventually I got the hang of it. Along with that, I linked two projects in my projects section of my website.
10/24 - today I finished my jumpscare along with figuring out how to add sound once the candy basket is clicked on. It is now linked on my projects page. Ms. Jacobs helped me use opacity commands in my code to make images disappear and I also figured out how to make a sound play once clicking on an image.
10/27 - finished my jumpscare and linked it on my projects page. We used event listens so once the candy basket is clicked a sound will play and the candy basket's opacity will go to 0 and it will be replaced by my jumpscare, which orignally was one large ghoul but I changed it to a grid as it looked better. I also added a background image to my projects page and Ms. Jacobs helped me alter the color of the links and remove the underline. As for the event listeners video, my three questions are; How do html event listeners different from other code languages - What are the key resitrictions of event listeners - What are the most common html elements that can be used wiht event listeners - in my jumpscare I used "click"
11/10 - today we experimented with functions, which are an element of javascript in our case. essentially, a function is a recipe that allows us to take in data and processes it, creating an output. Our function command is makeOranges, and by assigning a variable to the term "fruit", which is just a word used to alter the output, and using interval commands we figured out how to make an image spawn every set interval seconds on a page. Next we attempted to figure out how to make each image disappear - I added an event listener for "fruit" and used the "mouseenter" command. This must be in the funciton as we need to add it to every orange image so once every image is hovered over the image disappears.
11/28 - today we asked questions about what we are confused about or want to learn more of. Here are mine. What does console.log do? How would you add multiple event listeners to the same image (ex. hover and then click)? How do IF statements work? When does the code auto indent and why is this? Something new I came across was that you can use chat gpt to explain code which is extremely helpful.
12/12 - today we created a loop using countervariables. First, we created a function, which creates a div. Then the for loop runs from 1-100, by using makeBird(counter) and creates a div with a corresopnding number displayed.
1/9 - today we learned how to make arrays. First we assigned an event listener to click, something we have already learned in the past. Then, in my code I wanted to randomly pick names. Using math random and round to select a number 0 through 4, and then using the names.innerText=brawlstars[random] command, it selects one of the names corresponding to the number selected, and appears in the console.
when the page is clicked, two div elements randomly display two of the three images. This randomization is made through the math random and math round commands. a whole number 0-2 is assigned to each image and by using math random to generate a number 0-1, rounding it to the nearest whole number, and then multiplying it by 2, it corresponds to one of the three divs/images. there is also a play.sound feature when you click on the page.
2/14 - today we made cards for valentines. mine works by using math random/round commands to select a number 0-3. Then each number corresponds to an image in the list of variable options, and the image appears inside of a div i created in the middle of the page. the click functions by an event listener.
6/2 - final journal entry of the year. After many labs with Molly, I finished up my typing game, which I am quite proud of, as it is very similar to most standard typing tests on the web. I enjoyed CS1 class this year, and feel as if I learned a lot, especially when working on my final project. I'm looking foward to CS2 next year, and hopefully it is just as enjoyable as this year in comp sci was.