<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Favorite Dish: [fried rice]</title>
</head>
<body>
<h1>My Favorite Dish: [friedrice]</h1>
</body>
</html>
<p>[fried rice]is a delicious that orginates from india and seasoned with various
species.I love it because some more chicken add to fried chicken</p>
<img src="[Link]" alt="Delicious [fried rice]">
<img src="[Link]" alt="Another view of [fried rice]">
<!-- Add more images as needed -->
<ol>
<li>First step: [[Link] 🍳
</li>
<li>Second step: [[Link]
</li>
<li>Third step: [[Link]
</li>
<!-- Add more steps with emojis -->
</ol>
<!DOCTYPE html>
<html lang="en">
<head>
<meta char set="UTF-8">
<meta name="viewport" content="width=device-width,intial-scale=1.0">
<title>my reciepe book<\title>
<link rel="steelsheet"href="[Link]">
<head>
<body>
<h1>my reciepe book<\h1>
<u1>id"reciepe-list">
<\ul>
<form id="add-reciepe-form">
<inputtype="text" id="reciepe method"placehoder="method">
<\text area>
<button type="button"onclick="addreciepe()">addrecipe<\button>
<\form>
<p id="no-recieps">no recipes [Link] one!<\p>
<script src= "[Link]'><script>
<\body>
<\html>
// [Link]
const recipeList = [Link]('recipe-list');
const noRecipes = [Link]('no-recipes');
function addRecipe() {
const recipeName = [Link]('recipe-name').value;
const ingredients = [Link]('recipe-ingredients').value;
const method = [Link]('recipe-method').value;
if (recipeName && ingredients && method) {
const recipeItem = [Link]('li');
[Link] = `
<h2>${recipeName}</h2>
<p><strong>Ingredients:</strong> ${ingredients}</p>
<p><strong>Method:</strong> ${method}</p>
`;
[Link](recipeItem);
[Link] = 'none';
} else {
alert('Please fill in all fields.');
}
}
