<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recepteskönyv</title>
</head>
<body>
    <h1>Recepteskönyv</h1>

    <label for="etelNev">Étel neve:</label>
    <input type="text" id="etelNev" placeholder="Étel neve"><br><br>

    <label for="elkeszitesiIdo">Elkészítési idő (perc):</label>
    <input type="number" id="elkeszitesiIdo" placeholder="Elkészítési idő"><br><br>

    <label for="hozzavalok">Hozzávalók (vesszővel elválasztva):</label>
    <input type="text" id="hozzavalok" placeholder="Hozzávalók"><br><br>

    <h3>Tápértékek:</h3>
    <label for="energia">Energia (kcal/adag):</label>
    <input type="text" id="energia" placeholder="Energia"><br><br>

    <label for="feherje">Fehérje (g/adag):</label>
    <input type="text" id="feherje" placeholder="Fehérje"><br><br>

    <label for="szénhidrát">Szénhidrát (g/adag):</label>
    <input type="text" id="szénhidrát" placeholder="Szénhidrát"><br><br>

    <label for="zsir">Zsír (g/adag):</label>
    <input type="text" id="zsir" placeholder="Zsír"><br><br>

    <button id="gomb">Adat feltöltése!</button>
    <div id="etelek"></div>

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