Untitled

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashcards</title>
    <style>
        .flashcard {
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            width: 200px;
            height: 100px;
            margin: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 1.5em;
        }
    </style>
</head>
<body>
    <div class="flashcard" onclick="showMeaning(this)">abholen</div>
    <div class="flashcard" onclick="showMeaning(this)">kochen</div>
    <div class="flashcard" onclick="showMeaning(this)">anbieten</div>
    <div class="flashcard" onclick="showMeaning(this)">kümmern um</div>
    <div class="flashcard" onclick="showMeaning(this)">anmachen</div>
    <div class="flashcard" onclick="showMeaning(this)">leihen</div>
    <div class="flashcard" onclick="showMeaning(this)">anschließen</div>
    <div class="flashcard" onclick="showMeaning(this)">los fahren</div>
    <div class="flashcard" onclick="showMeaning(this)">aufmachen</div>
    <div class="flashcard" onclick="showMeaning(this)">mieten</div>
    <div class="flashcard" onclick="showMeaning(this)">ausmachen</div>
    <div class="flashcard" onclick="showMeaning(this)">öffnen</div>
    <div class="flashcard" onclick="showMeaning(this)">auswählen</div>
    <div class="flashcard" onclick="showMeaning(this)">organisieren</div>
    <div class="flashcard" onclick="showMeaning(this)">bringen</div>
    <div class="flashcard" onclick="showMeaning(this)">rauchen</div>
    <div class="flashcard" onclick="showMeaning(this)">benötigen</div>
    <div class="flashcard" onclick="showMeaning(this)">reparieren</div>
    <div class="flashcard" onclick="showMeaning(this)">bestellen</div>
    <div class="flashcard" onclick="showMeaning(this)">reservieren</div>
    <div class="flashcard" onclick="showMeaning(this)">bezahlen</div>
    <div class="flashcard" onclick="showMeaning(this)">riechen</div>
    <div class="flashcard" onclick="showMeaning(this)">bitten um</div>
    <div class="flashcard" onclick="showMeaning(this)">schicken</div>
    <div class="flashcard" onclick="showMeaning(this)">brauchen</div>
    <div class="flashcard" onclick="showMeaning(this)">schließen</div>
    <div class="flashcard" onclick="showMeaning(this)">buchen</div>
    <div class="flashcard" onclick="showMeaning(this)">räumen von</div>
    <div class="flashcard" onclick="showMeaning(this)">entscheiden</div>
    <div class="flashcard" onclick="showMeaning(this)">tun</div>
    <div class="flashcard" onclick="showMeaning(this)">erwarten</div>
    <div class="flashcard" onclick="showMeaning(this)">übernachten</div>
    <div class="flashcard" onclick="showMeaning(this)">erhalten</div>
    <div class="flashcard" onclick="showMeaning(this)">verdienen</div>
    <div class="flashcard" onclick="showMeaning(this)">feiern</div>
    <div class="flashcard" onclick="showMeaning(this)">verschicken</div>
    <div class="flashcard" onclick="showMeaning(this)">funktionieren</div>
    <div class="flashcard" onclick="showMeaning(this)">warten auf</div>
    <div class="flashcard" onclick="showMeaning(this)">hinterlassen</div>
    <div class="flashcard" onclick="showMeaning(this)">zahlen</div>
    <div class="flashcard" onclick="showMeaning(this)">informieren</div>
    <div class="flashcard" onclick="showMeaning(this)">zumachen</div>
    <div class="flashcard" onclick="showMeaning(this)">joggen</div>

    <script>
        const meanings = {
            "abholen": "يستلم",
            "kochen": "يطبخ",
            "anbieten": "يعرض",
            "kümmern um": "يهتم بـ",
            "anmachen": "يشعل",
            "leihen": "يقترض",
            "anschließen": "يوصل",
            "los fahren": "ينطلق",
            "aufmachen": "يفتح",
            "mieten": "يستأجر",
            "ausmachen": "يطفئ",
            "öffnen": "يفتح",
            "auswählen": "يختار",
            "organisieren": "ينظم",
            "bringen": "يجلب",
            "rauchen": "يدخن",
            "benötigen": "يحتاج",
            "reparieren": "يصلح",
            "bestellen": "يطلب",
            "reservieren": "يحجز",
            "bezahlen": "يدفع",
            "riechen": "يشم",
            "bitten um": "يطلب",
            "schicken": "يرسل",
            "brauchen": "يحتاج",
            "schließen": "يغلق",
            "buchen": "يحجز",
            "räumen von": "يخلي من",
            "entscheiden": "يقرر",
            "tun": "يفعل",
            "erwarten": "يتوقع",
            "übernachten": "يبيت",
            "erhalten": "يتلقى",
            "verdienen": "يكسب",
            "feiern": "يحتفل",
            "verschicken": "يرسل",
            "funktionieren": "يعمل (يؤدي وظيفة)",
            "warten auf": "ينتظر",
            "hinterlassen": "يترك (وراءه)",
            "zahlen": "يدفع",
            "informieren": "يُعلم",
            "zumachen": "يغلق",
            "joggen": "يركض"
        };

        function showMeaning(element) {
            const text = element.innerText;
            element.innerText = meanings[text];
            element.onclick = () => hideMeaning(element, text);
        }

        function hideMeaning(element, text) {
            element.innerText = text;
            element.onclick = () => showMeaning(element);
        }
    </script>
</body>
</html>
Editor is loading...