.da-wordle { משפחת גופנים: Arial, sans-serif; יישור טקסט: מרכז; ריפוד: 20 פיקסלים 10 פיקסלים; רוחב מקסימלי: 500 פיקסלים; שוליים: 0 אוטומטיים; } .da-wordle h3 { שוליים: 0 0 4 פיקסלים; גודל גופן: 28 פיקסלים; משקל גופן: 500; } .da-wordle-subtitle { שוליים: 0 0 18 פיקסלים; גודל גופן: 16 פיקסלים; } .da-wordle-grid { תצוגה: flex; flex-כיוון: עמודה; יישור פריטים: מרכז; מרווח: 5 פיקסלים; } .da-wordle-שורה { תצוגה: flex; מרווח: 5 פיקסלים; } .da-wordle-tile { רוחב: 42 פיקסלים; גובה: 42 פיקסלים; גבול: 2 פיקסלים מוצק #d3d6da; תצוגה: flex; יישור פריטים: מרכז; הצבת תוכן: מרכז; גודל-גופן: 22 פיקסלים; משקל-גופן: מודגש; שינוי-טקסט: אותיות גדולות; גודל-תיבה: גבול-תיבה; רקע: #fff; } .da-wordle-tile.correct { רקע: #6aaa64; צבע-גבול: #6aaa64; צבע: לבן; } .da-wordle-tile.present { רקע: #c9b458; צבע-גבול: #c9b458; צבע: לבן; } .da-wordle-tile.absent { רקע: #787c7e; צבע-גבול: #787c7e; צבע: לבן; } .da-wordle-input-row { תצוגה: להגמיש; הצגת-תוכן: מרכז; מרווח: 5 פיקסלים; שוליים-למעלה: 18 פיקסלים; } .da-wordle-input { רוחב: 42 פיקסלים; גובה: 42 פיקסלים; גבול: 2 פיקסלים מוצק #ccc; יישור-טקסט: מרכז; גודל-גופן: 22 פיקסלים; font-weight: bold; text-transform: uppercase; box-sizing: border-box; outline: none; } .da-wordle-input:focus { border-color: #777; } .da-wordle-button { margin-top: 12px; padding: 9px 18px; border: none; background: #f1f1f1; font-size: 16px; cursor: pointer; } .da-wordle-button:hover { background: #e5e5e5; } .da-wordle-message { min-height: 24px; margin-top: 12px; font-size: 15px; } .da-wordle-result { font-weight: bold; } @media (רוחב מקסימלי: 480px) { .da-wordle-tile, .da-wordle-input { width: 36px; height: 36px; } גודל גופן: 19 פיקסלים; } .da-wordle-row, .da-wordle-input-row { מרווח: 3 פיקסלים; } .da-wordle h3 { גודל גופן: 24 פיקסלים; } }
DA.news – מי יודע?
אנחנו מחפשים מילה המכילה אותיות
(function () { /* ========================================== כאן ניתן להזין את המילים חשוב: כל המילים חייבות להכיל בדיוק 6 אותיות! =========================================== */ const words = [ "HEINER", "LILIEN", "BEMBEL", "HESSEN", "WOOGEN", "LOUISE", "MERCKS", "ENTEGA", "CAMPUS", "KULTUR", "GARTEN", "SCHWAN", "BERGIG" ]; /* ============================================ הגדרות ========================================= */ const maxTries = 6; /* ============================================ קבע את מילת היום =========================================== */ function getDayNumber() { const today = new Date(); const start = new Date( today.getFullYear(), 0, 0 ); const diff = today - start; const oneDay = 1000 * 60 * 60 * 24; return Math.floor(diff / oneDay); } const dayNumber = getDayNumber(); const solution = words[dayNumber % words.length].toUpperCase(); const wordLength = solution.length; /* ============================================= אלמנטים ========================================== */ const grid = document.getElementById("da-wordle-grid"); const inputRow = document.getElementById("da-wordle-input-row"); const button = document.getElementById("da-wordle-button"); const message = document.getElementById("da-wordle-message"); const lengthDisplay = document.getElementById("da-wordle-length"); lengthDisplay.textContent = wordLength; let tries = 0; let gameOver = false; const rows = []; const inputFields = []; /* ============================================= צור שדה משחק =========================================== */ עבור (let i = 0; i < maxTries; i++) { const row = document.createElement("div"); row.className = "da-wordle-row"; עבור (let j = 0; j < wordLength; j++) { const tile = document.createElement("div"); tile.className = "da-wordle-tile"; row.appendChild(tile); } grid.appendChild(row); rows.push(row); } /* =========================================== שדות קלט ========================================== */ עבור (תן i = 0; i < אורך word; i++) { const קלט = document.createElement("קלט"); input.type = "טקסט"; input.maxLength = 1; input.className = "da-wordle-input"; input.autocomplete = "off"; input.autocapitalize = "תווים"; input.addEventListener("קלט", function () { this.value = this.value .replace(/[^a-zA-ZÄÖÜÄöü]/g, "") .toUpperCase(); if ( this.value && i 0 ) { inputFields[i - 1].focus(); } if (event.key === "Enter") { submitGuess(); } }); inputRow.appendChild(input); inputFields.push(input); } /* ============================================ הערכת אותיות =========================================== */ function evaluateGuess(ניחוש) { const result = new Array(wordLength).fill("נעדר"); const remaining = solution.split(""); /* אותיות נכונות בדיוק תחילה */ for (let i = 0; i < wordLength; i++) { if (ניחוש[i] === פתרון[i]) { result[i] = "נכון"; remaining[i] = null; } } /* לאחר מכן תקן אותיות במיקום שגוי */ for (let i = 0; i input.value) .join("") .toUpperCase(); if (ניחוש.length !== wordLength) { message.textContent = "אנא מלא את כל האותיות " + wordLength + "."; return; } const row = rows[tries]; const result = evaluateGuess(ניחוש); for (let i = 0; i < wordLength; i++) { const tile = row.children[i]; tile.textContent = guess[i]; tile.classList.add( result[i] ); } tries++; /* ============================================ ניצחון =========================================== */ if (ניחוש === פתרון) { gameOver = true; message.innerHTML = '
🎉 מזל טוב! ניחשת ב-' + ניסיונות + (ניסיונות === 1 ? " ניסיון." : " ניסיונות.") + ''; disableInputs(); return; } /* =========================================== אבוד ========================================== */ אם (ניסיונות >= maxTries) { gameOver = true; message.innerHTML = '
' + 'לצערי, לא הצלחתי! המילה הייתה: ' + פתרון + ''; disableInputs(); return; } message.textContent = "ניסיונות: " + ניסיונות + " / " + maxTries; /* נקה קלט */ inputFields.forEach(function (input) { input.value = ""; }); inputFields[0].focus(); } /* ============================================= סוף משחק ========================================== */ function disableInputs() { inputFields.forEach(function (input) { input.disabled = true }); button.disabled = true; } /* =============================================== כפתור =========================================== */ button.addEventListener("click", submitGuess ); /* הפעלת שדה ראשון */ inputFields[0].focus(); })();
