V School | Better Humans, Better Outcomes

Mom's Shopping List in React

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really smart web developer and assumes that you can easily make her a website to keep track of her shopping list. You tell her that

CSS Grid Practice

Remake these images using CSS Grid. Feel free to use more pleasant colors. 1. Hint: Think ahead about the "smallest common denominator" in terms of how many columns you might want to set up your grid to have. 2. See the hint from #1 3. Responsive Layouts The next three

forEach(), find(), findIndex(), some(), and every() Wizard Battle Practice

Log to the console every Wizard in the array using forEach(). var wizards = ["Edwin Odesseiron", "Harry Potter", "Ronny the Bear", "Gandalf the Grey"] Using the following array, complete the following tasks in order. Some tasks will change the behavior of later tasks. var wizards = [ { name: "Edwin Odesseiron", age: 37, alignment:

Loops and Arrays Practice

#1 Loop through the following array and count how many "computers" there are. Log the final count: var officeItems = ["stapler", "monitor", "computer", "desk", "lamp", "computer", "lamp", "stapler", "computer", "computer"] #2 Loop through the following array and log to the console "old enough" if they are 18 or older, and "not

Intro To Using Loops and Arrays Together

Usage Often times we will want to "loop over" or "iterate over" and array. This means we go and dig into each of the items in our array and either check it for something or do something with each item. Examples Meal Helper App A user selects 5 ingredients in

V School | Better Humans, Better Outcomes © 2026