🕹️ Console Quest

Open the console: F12 or Ctrl+Shift+J (Mac: Cmd+Option+J). Type the code yourself: Chrome blocks pasting until you type allow pasting.

0 / 10
00:00

The playground

Missions 4–5 · The café

Corner Café

Mission 2 · Calculator

Mission 6 · The secret

The code word is

Mission 7 · Behind the pop-up

🎁 Hidden message: Pop-ups are just elements. You can delete them.

Mission 8 · The chest

🔒🧰

Mission 9 · Cookie clicker

0 / 1000

Mission 10 · The night sky

Bonus 11 · The lamp

💡

Bonus 12 · The cat

After the quest: hack any website (only on your screen)

Open a real news or shop website, open the console and try these. Everything changes only in your browser, and a refresh puts it back. A screenshot of an edited page is a fake, so remember Week 1's ethics: never pass one off as real.

Edit the whole page like a document

document.designMode = "on";

Now click any headline and type. Turn it off with "off".

Count the links and images

document.querySelectorAll("a").length;
document.querySelectorAll("img").length;

How many does a big site have?

Find every image's alt text

document.querySelectorAll("img").forEach(img => {
  console.log(img.alt || "⚠ NO ALT TEXT");
});

A one-line accessibility audit (Week 5).

Turn the page upside down

document.body.style.transform = "rotate(180deg)";

Then put it back: "none".