Cookie Clicker

Skip to content

Hvor kan jeg lære litt om JavaScript?

Vanskelighetsgrad: Easy

I denne oppgaven skal du lage et enkelt Cookie Clicker spill! 🍪

Trenger jeg å ha “Cookie”-clicker som tema?

NEI! Du kan velge tema selv for dette. Hvis du vil du lage en “money”-clicker så kan du bare gjøre det (eller hva enn du vil)! Men, du skal fortsatt ha et “klikke”-spill.

Ting du skal ha med:

  • 👆 En knapp for å “bake” en cookie.
  • 🍪 Knappen skal se ut som en cookie, altså, legg inn et bilde av en cookie.
  • 📝 Et tekstfelt der det står hvor mange cookies du har.
  • 🧑‍💻 En <script>-tag der du lager spillfunksjonaliteten.
  • 1️⃣ I dette skriptet skal du hente ut antall cookies å legge til 1.
    • Eventuelt så kan du lagre cookie-tallet i scriptet som en variabel (bedre praksis! 😎).
  • 💯 Gjør at du får en melding når du passerer 100 cookies.

Ekstra utfordringer: Medium

  • 🏪 Legg til en “butikk”-seksjon på nettsiden der du kan legge til oppgraderinger.
    • Lag en oppgradering som øker antall cookies du får per klikk. 1 → 2 → 3, også videre.
    • Gjør det slik at prisen på denne går opp hver gang den kjøpes.
    • Hint: Her må det noen variabler til for å holde styr på prisene.
  • 🎨 Legg til animasjoner på “cookie”-knappen.
    • For eksempel: En animasjon som får knappen til å bevege seg når den ikke trykkes, eller en animasjon som gjør at knappen reagerer på et klikk.

Ekstra ekstra utfordringer: Hard

  • ⬆️ Legg til noen oppgraderinger som “autoklikker” for deg, kjent som “bygninger”.
    • Trenger du inspirasjon til hvilke bygninger som kan lages kan du gå til den originale cookie clicker siden: Cookie clicker
  • 🧙‍♂️ Legg til et “prestige” system, som gir deg ekstra bonuser hvis du resetter spillet etter å ha fått tak i en hvis mengde cookies.

Ekstra ekstra ekstra (ekstra ekstra) Medium

  • 💾 Legg til en knapp som lagrer spillet slik at du kan fortsette senere.
    • Her kan du søke opp “localstorage” for å få dette til.