春、夏、秋、冬、各シーズンにこれだけは食べて欲しい食材とそれを使ったメニューと作り方がわかるアプリ
Seasonal Ingredients and Recipes
Seasonal Ingredients and Recipes
Welcome to our app where you can find the best seasonal ingredients and recipes for each season. Let's get started!
Choose a season:
<!DOCTYPE html>
<html>
<head>
<title>Seasonal Ingredients and Recipes</title>
</head>
<body>
<h1>Seasonal Ingredients and Recipes</h1>
<p>Welcome to our app where you can find the best seasonal ingredients and recipes for each season. Let's get started!</p>
<p>Choose a season:</p>
<select id="seasonSelect">
<option value="spring">Spring</option>
<option value="summer">Summer</option>
<option value="autumn">Autumn/Fall</option>
<option value="winter">Winter</option>
</select>
<div id="menu"></div>
<script>
const seasonSelect = document.getElementById("seasonSelect");
const menu = document.getElementById("menu");
const spring = {
ingredient: "asparagus",
menu: "Roasted Asparagus with Parmesan Cheese",
instructions: "Preheat oven to 400 degrees F (200 degrees C). Wash and trim 1 pound of asparagus spears. Drizzle with 2 tablespoons of olive oil and sprinkle with salt and black pepper. Roast in the oven for 12-15 minutes or until tender. Remove from oven and top with grated Parmesan cheese. Serve immediately."
};
const summer = {
ingredient: "tomatoes",
menu: "Caprese Salad",
instructions: "Wash and slice 2 large tomatoes and 8 ounces of fresh mozzarella cheese. Arrange alternating slices of tomatoes and cheese on a plate. Sprinkle with fresh basil leaves, salt, and 2 tablespoons of balsamic vinegar. Drizzle with 2 tablespoons of olive oil. Serve immediately."
};
const autumn = {
ingredient: "pumpkin",
menu: "Pumpkin Soup",
instructions: "Preheat oven to 350 degrees F (175 degrees C). Cut 1 small pumpkin into pieces and remove the seeds. Roast in the oven for 45 minutes or until tender. In a large pot, heat 1 tablespoon of olive oil over medium heat. Add 1 diced onion and cook until softened. Add the roasted pumpkin pieces, 2 cups of chicken or vegetable broth, and 1/2 cup of heavy cream. Bring to a boil and then reduce heat and simmer for 20 minutes. Blend together with an immersion blender. Serve hot."
};
const winter = {
ingredient: "squash",
menu: "Butternut Squash Risotto",
instructions: "Peel and dice 1 butternut squash. In a large pot, heat 2 tablespoons of olive oil over medium heat. Add 1 diced onion and 2 cloves of minced garlic and cook until softened. Add the diced squash and cook for another 10 minutes. Add 1 cup of Arborio rice and stir until coated with oil. Add 1/2 cup of white wine and stir until absorbed. Gradually add 4 cups of chicken or vegetable broth, stirring constantly, until the rice is tender and creamy. Stir in 1/2 cup of grated Parmesan cheese and serve hot."
};
seasonSelect.addEventListener("change", function(){
const selectedValue = seasonSelect.value;
switch(selectedValue) {
case "spring":
menu.innerHTML = "<h2>Spring Menu: " + spring.menu + "</h2><p>" + spring.instructions + "</p>";
break;
case "summer":
menu.innerHTML = "<h2>Summer Menu: " + summer.menu + "</h2><p>" + summer.instructions + "</p>";
break;
case "autumn":
menu.innerHTML = "<h2>Autumn Menu: " + autumn.menu + "</h2><p>" + autumn.instructions + "</p>";
break;
case "winter":
menu.innerHTML = "<h2>Winter Menu: " + winter.menu + "</h2><p>" + winter.instructions + "</p>";
break;
default:
menu.innerHTML = "";
}
});
</script>
</body>
</html>
<!--Why did the tomato turn red? Because it saw the salad dressing!-->