Scribd Logo
Upload

Welcome to Scribd!

  • Untitled 1

    Uploaded by

    eyakamoun57
    4 views1 page
    This document contains the code for a recipe book website. It includes a header, sections for adding a new recipe with a form and displaying existing recipes in a list. The form allows the user to enter a title, ingredients, and instructions for a recipe and clicking add will call a function to save the recipe.

    Original Description:

    Original Title

    Untitled-1

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the code for a recipe book website. It includes a header, sections for adding a new recipe with a form and displaying existing recipes in a list. The form allows the user to enter a title, ingredients, and instructions for a recipe and clicking add will call a function to save the recipe.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views1 page

    Untitled 1

    Uploaded by

    eyakamoun57
    This document contains the code for a recipe book website. It includes a header, sections for adding a new recipe with a form and displaying existing recipes in a list. The form allows the user to enter a title, ingredients, and instructions for a recipe and clicking add will call a function to save the recipe.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Recipe Book</title>
    </head>
    <body>

    <header>
    <h1>Recipe Book</h1>
    </header>

    <section id="recipeForm">
    <h2>Add a New Recipe</h2>
    <form id="addRecipeForm">
    <label for="title">Title:</label>
    <input type="text" id="title" required>

    <label for="ingredients">Ingredients:</label>
    <textarea id="ingredients" rows="4" required></textarea>

    <label for="instructions">Instructions:</label>
    <textarea id="instructions" rows="6" required></textarea>

    <button type="button" onclick="addRecipe()">Add Recipe</button>


    </form>
    </section>

    <section id="recipeDisplay">
    <h2>Recipe List</h2>
    <ul id="recipeList"></ul>
    </section>

    <script src="script.js"></script>
    </body>
    </html>

    You might also like