SECRET RECIPES

Introduction

I've learned a lot about HTML and CSS so far in CS1. Here's a list of my great discoveries!

1. Create and customize shapes using CSS with different colors, sizes, and even animations
2. Using classes and divs to organize elements
3. Use text to create a website like this one

How to upload on github

cd ./desktop/silo15.github.io
git add .
git commit -m "adding things"
git push

Thematic website

Still working on this...

Functions, Intervals, and Variables

Functions are cool for being able to do tasks over and over again. You can use setInterval to run a function after a specific amount of time (function, number of milliseconds) You can use functions and setInterval to repeatedly create elements, storing them in a variable with document.createElement(), using the hereditary system of html to implement it in the body document.body.appendChild. You can add a class to them with broccoli.classList.add and once you style the class with CSS, it's like a machine pumping out the product of divs of your own customization.

Function Cheat Sheet

console.Log() allows you to see what your code is doing.
addEventListener()
alert() gives a pop-up on the page to show the user.
setInterval() runs a function in a set amount of time.

Math.random

Math.random() function generates a random number between 0 and 1 and you can set that in a variable to make random occurances happen.

Play Sound

Today I learned how to use audio, and also if/else if statements. You can use a variable to check if its true and run a function, and then set the variable to false in the function to run the other iteration.

Review Day

I learned how to make multiple divs in a function. let square = document.createElement("div") document.body.appendChild("square")