So far we've learned about html websites, divs, hyperlinks, fonts, and basic CSS styling.
Yesterday we used Terminal to connect our websites to the internet. We all made github accounts.
How to add things to the online version of my website:
1. Open terminal and navigate to my desktop by typing cd desktop
2. Navigate to my folder by typing cd carolinelee30.github.io
3. If I want to see any changes I can type git status and it shows changes
4. To add these changes I type git add .
5. To commit the changes, I type git commit -m "message here"
6. To finalize everything, I type git push
Making our jumpscares was intersting. It was fun seeing everyone else's jumpscare even though there was only like one that was genuinely scary. I don't think mine is that scary. I still need to figure out how to make things smoother and want to decorate it more; I'll make a lab for that. I"m still getting the hang of event listeners.
We're learning functions in javascript now. Last class all of us created projects called "functions.html" where we create a function that generates divs on a set interval. Today in class we made event listeners so that the divs change when you hover your mouse over them. We also made another div follow the mouse, which we learned a few classes prior.
Today in lab Molly showed me how to make a random number generator and connect that to an event listener. My mini project now cycles through different makeup images when I click on a div. Event listeners are still pretty confusing but with more experience and practice it'll only get easier.
I made a little card for me!! :) It has pictures of makeup and sweeet foods. I made a function so that when you click, it generates a number, and depending on the number you get a different image. Suuuuuper comforting to look at. It's all nice and pastel and I also added a cute gif on the side. The next project I make won't be pastel so my roster is more diverse.
The on-click div generator project I made has pretty interesting code. You first create a variable for the entire code (mine is called sticker since my project is about pasting stickers on a sheet of paper). When you click on the div you want to generate, it sets the variable equal to its background image and logs the variable on the console. When you click on the bigger div that you want to "paste the sticker" on, the event listener reacts to the click and generates a div with the variable (set equal to the name of your background image) you logged where your mouse clicks.
We made an array today. You create a variable, an array of things, a random number generator, and then an event listener so that when you click, you get one of the things in your array.
I made a "reaction simulator" with three arrays and one random number generator. Go check it out on my projects page!
Procrastination is a serious issue with this final project. I know what I need to do but I'm basically just repeating similar code and adjusting the position for multiple divs, it's a bit tiresome
I'm thinking I want to expand on my car project, I could make a "choose your own adventure" type of 2D navigation game and someone suggested that I code something so that the player could choose their own image for the main character, which is currently just the cube from Geometry Dash
This final project was exhausting no comment. FINALLY the interactive keyboard works. I'm glad I was able to incorporate a lot of what we learned this year like arrays, event listeners, functions, multiple variables, click counters, animations, and more.