Skip to main content
Back to Carrot Paws
Carrot Pawdle
Guess the cosy 5-letter dog word in 6 tries.
Q W E R T Y U I O P
A S D F G H J K L
Enter Z X C V B N M ⌫
Tap the board, then use your keyboard to type. Press Enter to guess.
Share Result
P
A
W
S
Y
Green
Right letter, right spot
C
O
Z
Y
Y
Orange
Right letter, wrong spot
B
A
R
K
S
Gray
Letter is not in the word
Back to Carrot Paws
🐾
You solved it!
Enter your name for the leaderboard
Add to leaderboard
Skip
Cookie notice
Carrot Paws only uses essential site functionality here. Third-party services such as Stripe, Patreon, Instagram, Facebook or TikTok may use their own cookies when you visit them.
(function(){
const SUPABASE_URL = "https://uhhntlbgcxqmukorpcnk.supabase.co";
const SUPABASE_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InVoaG50bGJnY3hxbXVrb3JwY25rIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Nzg0ODk5NzUsImV4cCI6MjA5NDA2NTk3NX0.Q3jaRA4tVuU6l670Gjth1IMiMW3xdwnvculOQiJCa_4";
const supabaseClient = window.supabase.createClient(SUPABASE_URL, SUPABASE_KEY);
const words = ["WALKS","LEASH","BARKS","WOOFS","FETCH","SNIFF","TRAIL","HAPPY","TAILS","BONES","PUPPY","FIELD","STICK","TREAT","PATCH","COUCH","BLANK","SNUGS","CUDDY","GROOM","PARKS","ROUND","NAPPY","BRUSH","BAGGY","SOCKS","CRATE","GRASS","RIVER","PORCH","COATS","CHARM","LIGHT","BERRY","CLOUD","DREAM","SLEEP","MUDDY","EAGER","LOYAL","SCENT","HOWLS","CHEWS","HOUND","CORGI","DINGO","DOGGY","FURRY","BELLY","ROVER","SCOUT","SNOUT","CLAWS","TUMMY","BUDDY","FUZZY","BRAVE","GUARD","TRACK","CHASE","GREET","JUMPS","SWIMS","LICKS","ROWDY","PLUSH","WATER","BEACH","AGILE","ROAMS","BOWLS","LEAPS","SOGGY","PERKY","PEPPY","JOLLY","MERRY","SILLY","SLEEK","SWIFT","CHILL","HIKES","SMELL","LEGGY","ZIPPY","PUDGY","DITSY","MUGGY","DUSKY","MISTY","SUNNY","LODGE","SHADY","CRISP","BRISK","BALMY","SMOKY","MOSSY","LEAFY"];
const startDate = Date.UTC(2026, 0, 1);
const todayUTC = Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), new Date().getUTCDate());
const dayNumber = Math.floor((todayUTC - startDate) / 86400000);
const answer = words[((dayNumber % words.length) + words.length) % words.length];
const grid = document.getElementById("pawdleGrid");
const input = document.getElementById("pawdleInput");
const form = document.getElementById("pawdleForm");
const message = document.getElementById("pawdleMessage");
const clearBtn = document.getElementById("pawdleNewGame");
const shareBtn = document.getElementById("pawdleShare");
const leaderboard = document.getElementById("pawdleLeaderboard");
const puzzleDate = new Date().toISOString().split("T")[0];
let currentRow = 0, currentGuess = "", gameOver = false, results = [], scoreSubmitted = false;
// Detect the real phone keyboard and switch to a compact play layout.
// iOS changes visualViewport.height when the native keyboard opens.
function setPawdleViewportHeight(){
const vv = window.visualViewport;
const height = vv ? vv.height : window.innerHeight;
const offsetTop = vv ? vv.offsetTop : 0;
document.documentElement.style.setProperty("--pawdle-vvh", height + "px");
document.documentElement.style.setProperty("--pawdle-vv-top", offsetTop + "px");
}
function isPawdleMobileKeyboardDevice(){
// Keep all keyboard/scroll locking off desktop, including narrow desktop windows
// and touchscreen laptops. Only real phone/tablet browsers get this path.
return window.matchMedia("(max-width: 700px)").matches &&
/iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}
let pawdleScrollFrame = null;
let pawdleLastRow = -1;
function forceActiveRowIntoView(){
if (gameOver) return;
if (!isPawdleMobileKeyboardDevice()) return;
const vv = window.visualViewport;
const keyboardOpen = document.body.classList.contains("pawdle-keyboard-open") ||
(vv && (window.innerHeight - vv.height > 120));
if (!keyboardOpen) return;
const rowIndex = Math.min(currentRow, 5);
const row = document.querySelector(`[data-row="${rowIndex}"]`)?.closest('.pawdle-row');
if (!row) return;
if (pawdleScrollFrame) cancelAnimationFrame(pawdleScrollFrame);
pawdleScrollFrame = requestAnimationFrame(() => {
const viewportHeight = vv ? vv.height : window.innerHeight;
const rect = row.getBoundingClientRect();
const safeTop = 88;
const safeBottom = viewportHeight - 210;
let targetScroll = null;
if (rect.bottom > safeBottom) {
targetScroll = window.scrollY + (rect.bottom - safeBottom);
} else if (rect.top < safeTop) {
targetScroll = window.scrollY - (safeTop - rect.top);
}
if (targetScroll !== null) {
window.scrollTo({
top: Math.max(0, targetScroll),
behavior: rowIndex === pawdleLastRow ? 'auto' : 'smooth'
});
}
pawdleLastRow = rowIndex;
});
}
function syncKeyboardOpenClass(){
setPawdleViewportHeight();
const vv = window.visualViewport;
const isMobileKeyboardDevice = isPawdleMobileKeyboardDevice();
const keyboardOpen = isMobileKeyboardDevice && (
document.activeElement === input ||
(vv && (window.innerHeight - vv.height > 140))
);
const wasOpen = document.body.classList.contains("pawdle-keyboard-open");
document.body.classList.toggle("pawdle-keyboard-open", Boolean(keyboardOpen && !gameOver));
updateLateRowClass();
if (keyboardOpen) {
clearTimeout(window.__pawdleKeyboardTimer);
window.__pawdleKeyboardTimer = setTimeout(forceActiveRowIntoView, 140);
}
// Scroll row 1 into view when keyboard first opens
if (keyboardOpen && !wasOpen && currentRow === 0) {
setTimeout(() => {
const firstRow = document.querySelector('[data-row="0"]')?.closest('.pawdle-row');
if (firstRow) firstRow.scrollIntoView({ block: 'start', behavior: 'smooth' });
}, 150);
}
}
function updateLateRowClass(){
document.body.classList.remove("pawdle-row-0", "pawdle-row-1", "pawdle-row-2", "pawdle-row-3", "pawdle-row-4", "pawdle-row-5");
const mobile = isPawdleMobileKeyboardDevice() && !gameOver;
if (mobile) document.body.classList.add("pawdle-row-" + Math.min(currentRow, 5));
const late = mobile && currentRow >= 3;
document.body.classList.toggle("pawdle-late-row", Boolean(late));
}
setPawdleViewportHeight();
window.addEventListener("resize", syncKeyboardOpenClass, { passive: true });
if (window.visualViewport) {
window.visualViewport.addEventListener("resize", syncKeyboardOpenClass, { passive: true });
}
// ── localStorage keys ────────────────────────────────────────────────
const LS_NAME = "pawdle_player_name";
const LS_STATE = "pawdle_state_" + puzzleDate;
// ── Save/restore today's game state ──────────────────────────────────
function saveState() {
const state = { currentRow, results, gameOver, scoreSubmitted };
try { localStorage.setItem(LS_STATE, JSON.stringify(state)); } catch(e) {}
}
function restoreState() {
try {
const raw = localStorage.getItem(LS_STATE);
if (!raw) return false;
const state = JSON.parse(raw);
currentRow = state.currentRow || 0;
results = state.results || [];
gameOver = state.gameOver || false;
scoreSubmitted = state.scoreSubmitted || false;
return true;
} catch(e) { return false; }
}
function restoreGrid() {
// Replay saved results back onto the grid tiles
results.forEach((result, rowIndex) => {
const guessLetters = getGuessLettersFromResult(rowIndex);
result.forEach((state, col) => {
const tile = document.querySelector(`[data-row="${rowIndex}"][data-col="${col}"]`);
if (tile) {
tile.textContent = guessLetters[col] || "";
tile.classList.add(state);
if (guessLetters[col]) tile.classList.add("filled");
}
});
updateKeyboard(guessLetters.join(""), result);
});
}
// We don't store the actual guesses, only results - reconstruct letters from answer + result
// Actually store guesses too for restore
let guessHistory = [];
function saveGuessHistory() {
try { localStorage.setItem(LS_STATE + "_guesses", JSON.stringify(guessHistory)); } catch(e) {}
}
function restoreGuessHistory() {
try {
const raw = localStorage.getItem(LS_STATE + "_guesses");
return raw ? JSON.parse(raw) : [];
} catch(e) { return []; }
}
function getGuessLettersFromResult(rowIndex) {
return (guessHistory[rowIndex] || "").split("");
}
function buildGrid(){
grid.innerHTML = "";
for(let r=0;r<6;r++){ const row = document.createElement("div"); row.className = "pawdle-row"; for(let c=0;c<5;c++){ const tile = document.createElement("div"); tile.className = "pawdle-tile"; tile.dataset.row = r; tile.dataset.col = c; row.appendChild(tile); } grid.appendChild(row); }
}
function settlePawdleView(){
// Keep iOS/Brave steady while typing: no scripted page scrolling after Enter.
// Desktop uses its own gentle row-follow below.
return;
}
function followActiveRowOnDesktop(){
if (gameOver) return;
if (isPawdleMobileKeyboardDevice()) return;
if (currentRow < 3) return; // start following from visible row 4
const row = document.querySelector(`[data-row="${currentRow}"]`)?.closest(".pawdle-row");
if (!row) return;
setTimeout(() => {
try {
row.scrollIntoView({ block: "center", behavior: "smooth" });
} catch(e) {
row.scrollIntoView(false);
}
}, 40);
}
function releasePawdleKeyboard(){
try { input.blur(); } catch(e) {}
document.body.classList.remove("pawdle-keyboard-open");
document.body.classList.remove("pawdle-late-row", "pawdle-row-0", "pawdle-row-1", "pawdle-row-2", "pawdle-row-3", "pawdle-row-4", "pawdle-row-5");
document.body.classList.add("pawdle-game-ended");
setPawdleViewportHeight();
}
function focusInput(){
if (gameOver) return;
try {
input.focus({ preventScroll: true });
} catch(e) {
input.focus();
}
}
input.addEventListener("blur", () => {
if (gameOver) releasePawdleKeyboard();
else setTimeout(syncKeyboardOpenClass, 80);
});
function handleKey(key){ try { ensureMusic(); } catch(e) {} if(gameOver) return; message.textContent = ""; if(key === "ENTER") return submitGuess(); if(key === "⌫" || key === "BACKSPACE"){ currentGuess = currentGuess.slice(0,-1); updateCurrentRow(); sfxDelete(); return; } if(/^[A-Z]$/.test(key) && currentGuess.length < 5){ currentGuess += key; updateCurrentRow(); sfxTap(); } }
function updateCurrentRow(){ updateLateRowClass(); followActiveRowOnDesktop(); forceActiveRowIntoView();
// clear all cursor highlights first
document.querySelectorAll('.pawdle-tile.active-cursor').forEach(t => t.classList.remove('active-cursor'));
for(let c=0;c<5;c++){
const tile = document.querySelector(`[data-row="${currentRow}"][data-col="${c}"]`);
tile.textContent = currentGuess[c] || "";
tile.classList.toggle("filled", Boolean(currentGuess[c]));
}
// highlight cursor position - clamp to col 4 when row is full so backspace hint stays visible
if (!gameOver) {
const cursorCol = Math.min(currentGuess.length, 4);
const cursor = document.querySelector(`[data-row="${currentRow}"][data-col="${cursorCol}"]`);
if (cursor) cursor.classList.add('active-cursor');
}
}
function scoreGuess(guess){ const result = Array(5).fill("absent"); const answerLetters = answer.split(""); for(let i=0;i<5;i++){ if(guess[i] === answer[i]){ result[i] = "correct"; answerLetters[i] = null; } } for(let i=0;i<5;i++){ if(result[i] === "correct") continue; const index = answerLetters.indexOf(guess[i]); if(index !== -1){ result[i] = "present"; answerLetters[index] = null; } } return result; }
function updateKeyboard(guess, result){
guess.split("").forEach((letter, index) => {
const key = document.querySelector(`.pawdle-key[data-key="${letter}"]`);
if(!key) return;
const state = result[index];
if(state === "correct"){
key.classList.remove("present", "absent");
key.classList.add("correct");
} else if(state === "present"){
if(!key.classList.contains("correct")){
key.classList.remove("absent");
key.classList.add("present");
}
} else if(state === "absent"){
if(!key.classList.contains("correct") && !key.classList.contains("present")){
key.classList.add("absent");
}
}
});
}
async function loadLeaderboard(){
leaderboard.innerHTML = 'Loading leaderboard...
';
const { data, error } = await supabaseClient
.from("pawdle_scores")
.select("player_name, guesses, created_at")
.limit(1000);
if(error){
console.error(error);
leaderboard.innerHTML = 'Leaderboard error
';
return;
}
if(!data || data.length === 0){
leaderboard.innerHTML = 'No scores yet. Be the first pup on the board!
';
return;
}
const totals = {};
data.forEach(score => {
const name = String(score.player_name || "").trim();
if(!name) return;
const key = name.toLowerCase();
const pointsMap = {1:20,2:15,3:11,4:8,5:5,6:3};
const points = pointsMap[Number(score.guesses || 6)] || 3;
if(!totals[key]){
totals[key] = {
name,
points: 0,
wins: 0,
best: 6,
latest: score.created_at
};
}
totals[key].points += points;
totals[key].wins += 1;
totals[key].best = Math.min(totals[key].best, Number(score.guesses || 6));
totals[key].latest = score.created_at > totals[key].latest ? score.created_at : totals[key].latest;
});
const leaders = Object.values(totals)
.sort((a, b) => b.points - a.points || b.wins - a.wins || a.best - b.best || new Date(b.latest) - new Date(a.latest));
let expanded = false;
const avatarData = [
{ medal: "🥇", src: "images/pawdle-archie.webp", cls: "archie", alt: "Archie" },
{ medal: "🥈", src: "images/pawdle-pearl.webp", cls: "pearl", alt: "Pearl" },
{ medal: "🥉", src: "images/pawdle-teddy.webp", cls: "teddy", alt: "Teddy" }
];
function drawLeaderboard(){
const visible = expanded ? leaders.slice(0, 10) : leaders.slice(0, 3);
leaderboard.innerHTML = visible.map((score, index) => {
const topAvatar = avatarData[index];
const avatarHtml = topAvatar
? `${escapeHtml(score.name.charAt(0).toUpperCase())} `;
const rankHtml = topAvatar ? topAvatar.medal : `#${index + 1}`;
return `
${rankHtml}
${avatarHtml}
${escapeHtml(score.name)}
${score.points} pts
`;
}).join("");
if(leaders.length > 3){
const button = document.createElement("button");
button.className = "leaderboard-toggle";
button.type = "button";
button.textContent = expanded ? "Show Top 3" : "View Full Leaderboard";
button.addEventListener("click", () => { expanded = !expanded; drawLeaderboard(); });
leaderboard.appendChild(button);
}
}
drawLeaderboard();
}
function escapeHtml(text){
return String(text).replace(/[&<>"']/g, char => ({
"&": "&",
"<": "<",
">": ">",
'"': """,
"'": "'"
}[char]));
}
function showNameModal(savedName) {
return new Promise((resolve) => {
const modal = document.getElementById("pawdleModal");
const input = document.getElementById("pawdleModalInput");
const submitBtn = document.getElementById("pawdleModalSubmit");
const skipBtn = document.getElementById("pawdleModalSkip");
input.value = savedName || "";
modal.hidden = false;
// Focus after a brief delay so iOS doesn't fight the keyboard
setTimeout(() => { try { input.focus(); } catch(e) {} }, 80);
function finish(name) {
modal.hidden = true;
submitBtn.removeEventListener("click", onSubmit);
skipBtn.removeEventListener("click", onSkip);
input.removeEventListener("keydown", onKey);
resolve(name);
}
function onSubmit() { finish(input.value.trim().slice(0, 20)); }
function onSkip() { finish(null); }
function onKey(e) { if (e.key === "Enter") onSubmit(); }
submitBtn.addEventListener("click", onSubmit);
skipBtn.addEventListener("click", onSkip);
input.addEventListener("keydown", onKey);
});
}
async function submitScore(guesses){
if(scoreSubmitted) return;
const savedName = (() => { try { return localStorage.getItem(LS_NAME) || ""; } catch(e) { return ""; } })();
const playerName = await showNameModal(savedName);
if(!playerName) return;
const cleanName = playerName.trim().slice(0, 20);
if(!cleanName) return;
try { localStorage.setItem(LS_NAME, cleanName); } catch(e) {}
scoreSubmitted = true;
saveState();
const { error } = await supabaseClient
.from("pawdle_scores")
.insert([{ player_name: cleanName, guesses, puzzle_date: puzzleDate }]);
if(error){
message.textContent = "You won! Leaderboard save did not work this time";
scoreSubmitted = false;
saveState();
return;
}
message.textContent = "Teddy is proud of you - your points were added";
loadLeaderboard();
}
async function isValidWord(word) {
try {
const res = await fetch(`https://api.dictionaryapi.dev/api/v2/entries/en/${word.toLowerCase()}`);
return res.ok;
} catch(e) {
return true; // if offline/API fails, allow the word through
}
}
// Shake animation for invalid word
function clearCursor() {
document.querySelectorAll('.pawdle-tile.active-cursor').forEach(t => t.classList.remove('active-cursor'));
}
function shakeCurrentRow() {
const row = document.querySelectorAll(`[data-row="${currentRow}"]`);
row.forEach(tile => {
tile.classList.add('shake');
setTimeout(() => tile.classList.remove('shake'), 500);
});
}
async function submitGuess(){ if(currentGuess.length !== 5){ message.textContent = "Type 5 letters first 🐶"; return; }
// Check for duplicate guess
if (guessHistory.includes(currentGuess)) {
message.textContent = "You already tried that word!";
shakeCurrentRow();
return;
}
// Validate word
message.textContent = "Checking...";
const valid = await isValidWord(currentGuess);
if (!valid) {
message.textContent = "That's not a word! Try again 🐶";
shakeCurrentRow();
return;
}
message.textContent = "";
const result = scoreGuess(currentGuess);
updateKeyboard(currentGuess, result);
results.push(result);
const revealedGuess = currentGuess;
const submittedRow = currentRow;
guessHistory.push(currentGuess);
saveGuessHistory();
// Save immediately so the final row cannot be bypassed by refreshing during the reveal animation.
// If this is row 6, lock the loss state before the timeout finishes.
if (submittedRow === 5 && revealedGuess !== answer) {
currentRow = 6;
gameOver = true;
saveState();
} else {
saveState();
}
// Schedule all audio immediately via Web Audio timing (avoids iOS setTimeout restriction)
result.forEach((state, c) => {
const audioDelay = c * 0.13;
if (state === "correct") sfxCorrect(audioDelay);
else if (state === "present") sfxPresent(audioDelay);
else sfxAbsent(audioDelay);
});
// Visual tile flip still staggered with setTimeout
result.forEach((state, c) => {
setTimeout(() => {
const tile = document.querySelector(`[data-row="${submittedRow}"][data-col="${c}"]`);
if (tile) tile.classList.add(state);
}, c * 120);
});
const revealDone = result.length * 120 + 80;
setTimeout(async () => {
if(revealedGuess === answer){
message.textContent = "Teddy is proud of you";
gameOver = true;
shareBtn.hidden = false;
sfxWin();
clearCursor();
releasePawdleKeyboard();
saveState();
await submitScore(submittedRow + 1);
setTimeout(() => { try { leaderboard.scrollIntoView({ block: "center", behavior: "smooth" }); } catch(e) {} }, 250);
return;
}
if(submittedRow === 5){
currentRow = 6;
currentGuess = "";
message.innerHTML = `Don't cry, the word was ${answer} .${answer} .