obisa adlı üyeden alıntı: mesajı görüntüle 
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sahur ve İftar Yemek Önerileri</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            text-align: center;
            padding: 20px;
        }
        .container {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 300px;
            margin: auto;
        }
        h1 {
            color: #333;
        }
        select, button {
            padding: 10px;
            margin: 10px 0;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .suggestion {
            margin-top: 20px;
            font-size: 1.2em;
            color: #333;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Sahur ve İftar Yemek Önerileri</h1>
    
    <label for="mealTime">Yemek Zamanı Seçin:</label>
    <select id="mealTime">
        <option value="sahur">Sahur</option>
        <option value="iftar">İftar</option>
    </select>
    
    <button onclick="getMealSuggestion()">Öneri Al</button>

    <div class="suggestion" id="mealSuggestion"></div>
</div>

<script>
    const sahurMeals = {
        "Kahvaltı": [
            "Patates röşti", "Çılbır", "Tavada sahur böreği", "Yumurtalı pideli tost", "Kaşarlı yumurtalı ekmek",
            "Börek tadında kabaklı krep", "Sebzeli yumurta kapama", "Kahvaltılık peynirli lokmalar", "Kahvaltılık gül muffin",
            "Bulgur porridge", "Bayat pide muhlaması", "Omlet böreği", "Chia tohumlu peynirli omlet",
            "Tavada yumurtalı tost", "Açık tost", "Patates mücveri", "Soğansız menemen", "Sodalı buzluk böreği",
            "Kabaklı börek", "Mayasız kolay pişi", "Yoğurtlu kaşık dökmesi", "Patates tostu", "Beşamel soslu omlet",
            "Dört çeşit sıkma", "Yoğurtlu yumurtalı dilimler", "Patatesli omlet", "Oopsie ekmeği", "Pratik sahur böreği",
            "Fırında menemenli ekmek", "Milföyden sahurluk pide", "Patatesli yumurta", "Fırında unsuz mücver",
            "Üç malzemeli pişi", "5 dakikada tepsi böreği", "Yumurtalı ıspanak", "Tuzlu pancake",
            "Sebzeli kolay krep", "Yumurtalı mantar", "Karabuğday unlu krep", "Poşe yumurta", "Patatesli menemen"
        ],
        "İçecek": ["Süt", "Ayran", "Çay"]
    };

    const iftarMeals = {
        "Çorba": [
            "Mercimek çorbası", "Ezogelin çorbası", "Sebze çorbası", "Yayla çorbası", "Mercimek çorbası", "Şehriye çorbası",
            "Patates çorbası", "Domates çorbasası", "Yeşil mercimek çorbası", "Havuçlu şehriye çorbası",
            "Lebeniye çorbası", "Tarhana çorbası", "Mantar çorbası", "Yayla çorbası", "Şehriye çorbası", "Tarhana"
        ],
        "Ana yemek": [
            "Etli bezelye", "Zeytinyağlı bamya", "İzmir köfte", "Kuru köfte + patates kızartması", "Zeytinyağlı taze fasulye",
            "Fırında mantar", "Etli türlü", "Etli kabak dolması + yoğurt", "Etli kuru fasulye", "Biber, patlıcan, domates dolması",
            "Patates dolması", "Patlıcan Dizme", "Hunkar Begendi", "Karnıyarık", "Antept kebabı", "Fırında sebzeli tavuk",
            "Maklube", "İskender kebabı", "Garnitürlü çanak köfte", "Patlıcanlı köfte", "Etli yeşil mercimek", "Fırında köfte"
        ],
        "Tatlı": [
            "Jöleli muhallebi", "Revani", "Etimek tatlısı", "Sütlaç", "Komposto", "Elmalı tatlı", "Tiramisu", "Şekerpare",
            "Laz tatlısı", "İrmik helvası", "Gül tatlısı", "Yogurt tatlısı", "Kemalpaşa tatlısı", "Parfe", "Bayram baklavası"
        ],
        "İçecek": [
            "Şerbet", "Ayran", "Limonata", "Komposto"
        ]
    };

    function getMealSuggestion() {
        const mealTime = document.getElementById('mealTime').value;
        let suggestion = "";
        let mealCategories = [];

        // Hurma ve su her zaman eklenmeli
        suggestion += "Hurma ve Su\n";

        if (mealTime === 'sahur') {
            mealCategories = sahurMeals;

            // Kahvaltı öğeleri sahurda
            const breakfast = getRandomItem(mealCategories["Kahvaltı"]);
            suggestion += `Kahvaltı: ${breakfast}\n`;

            // İçecek seçimi
            const drink = getRandomItem(mealCategories["İçecek"]);
            suggestion += `İçecek: ${drink}\n`;
        }

        if (mealTime === 'iftar') {
            mealCategories = iftarMeals;

            // Çorba, ana yemek, tatlı ve içecek iftar için
            const soup = getRandomItem(mealCategories["Çorba"]);
            suggestion += `Çorba: ${soup}\n`;

            const mainDish = getRandomItem(mealCategories["Ana yemek"]);
            suggestion += `Ana Yemek: ${mainDish}\n`;

            const dessert = getRandomItem(mealCategories["Tatlı"]);
            suggestion += `Tatlı: ${dessert}\n`;

            const drink = getRandomItem(mealCategories["İçecek"]);
            suggestion += `İçecek: ${drink}\n`;
        }

        document.getElementById('mealSuggestion').innerText = suggestion;
    }

    // Rastgele öğe seçme fonksiyonu
    function getRandomItem(arr) {
        return arr[Math.floor(Math.random() * arr.length)];
    }
</script>

</body>
</html>
sistemden görseller









Selamlar sahur ve iftar için öneriler yapan sistem iftara ne yemek yapsam diye kararsız kalma sistemi kendine göre geliştirebilirsin iyi forumlar
Elinize sağlık