Paper - Nandita G.

[pancakes4lyfe]

No description provided.

[CheezItMan]

Nice work Nandita, the site looks great and it all functions. I made one minor suggestion.

Another suggestion is that the images are quite large. You might want to consider preloading the images, so the browser doesn't need to load the images AFTER you change the CSS/HTML with JavaScript.

[CheezItMan]

A couple of things:

1. You're not using the event parameter so you can leave it off.
2. You can combine these functions

Suggested change

	const tempUp = (event) => {
	state.temp += 1;
	const count = document.querySelector("#tempDisplay");
	count.textContent = `${state.temp}`;
	checkTemp();
	};
	const tempDown = (event) => {
	state.temp -= 1;
	const count = document.querySelector("#tempDisplay");
	count.textContent = `${state.temp}`;
	checkTemp();
	};
	const changeTemp = (increment) => {
	state.temp += increment;
	const count = document.querySelector("#tempDisplay");
	count.textContent = `${state.temp}`;
	checkTemp();
	};

You can then use an anonymous function in the event registration like this:

tempDownButton.addEventListener("click", () => changeTemp( -1 ) );