# Oppgave

Gratulerer, du har blitt ansatt som utvikler for indie-spillet 'Snail Simulator.' Målet ditt er å designe **sneglens bevegelseslogikk**. Snegler er ikke særlig raske, og hver snegle har sin egen utholdenhet. Du må beregne maksimal distanse sneglen kan tilbakelegge hvis den bruker `2%` av utholdenheten for hver meter den beveger seg. Bruk en `while`-løkke for å løse dette problemet og **vis resultatet på skjermen**. Lykke til!

let stamina: number = 100;
let distance: number = 0;
const staminaPerMeter: number = 2;

while (stamina > ___) {
    stamina = ___ - ___;
    ___++;
}
console.log(`The snail got tired; it ran ${___} meters. This is a new record, congratulations!`)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/theme/dracula.min.css">


<link rel="stylesheet" href="https://staging-content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-with-copyable-%26%3Dhighlighted-code.css">

<div class="button-container">
  <button class="button" onclick="toggleBlock1('hint-block1', 'solution-block1')">
    Tips
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Løsning
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Målet ditt er å fylle inn de tomme feltene (<code>___</code>) med de nødvendige
  variablene. <br>
  2. Sneglen må ha <code>stamina</code> <b>over null</b> for å kunne bevege seg.
  <br>
  3. For hver meter sneglen beveger seg, mister den
  <code>stamina_per_meter</code> utholdenhet.<br>
  4. Når sneglen har mistet utholdenhet, skal distansen økes med 1
  (<b>økning</b>).<br>
  5. Til slutt skal du skrive ut <code>distance</code> sneglen har tilbakelagt.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let stamina: number = 100;
let distance: number = 0;
const staminaPerMeter: number = 2;

while (stamina > 0) {
    stamina = stamina - staminaPerMeter;
    distance++;
}
console.log(`The snail got tired; it ran ${distance} meters. This is a new record, congratulations!`)</textarea>

  <button class="copy-button" onclick="handleClick1('code-1')">
    <svg width="20" height="20" x="0" y="0" viewBox="0 0 32 32" style="enable-background: new 0 0 512 512" xml:space="preserve" class="">
      <g>
        <path d="m26.121 6.707-3.828-3.828A2.98 2.98 0 0 0 20.172 2H12a3.003 3.003 0 0 0-3 3v1H8a3.003 3.003 0 0 0-3 3v18a3.003 3.003 0 0 0 3 3h12a3.003 3.003 0 0 0 3-3v-1h1a3.003 3.003 0 0 0 3-3V8.829a2.982 2.982 0 0 0-.879-2.122ZM22 5.414 23.586 7H22ZM20 28H8a1.001 1.001 0 0 1-1-1V9a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1ZM18 9.414 19.586 11H18ZM24 24h-1V12.829a2.982 2.982 0 0 0-.879-2.122l-3.828-3.828A2.98 2.98 0 0 0 16.171 6H11V5a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1Zm-6-8h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z" fill="#a6b8e6" opacity="1" data-original="#000000" class=""></path>
      </g>
    </svg>
  </button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/mode/clike/clike.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/notiflix@2.7.0/dist/notiflix-aio-2.7.0.min.js"></script>

<script>
  document.addEventListener("readystatechange", (event) => {
    if (event.target.readyState === "complete") {
      onPageLoad1();
    }
  });

  function onPageLoad1() {
    var editor = CodeMirror.fromTextArea(document.getElementById("code-1"), {
      lineNumbers: true,
      mode: "text/x-scala",
      theme: "dracula",
    });

    // ----------> HIGHLIGHT <----------
    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    // Initially hide both the hint and solution blocks
    hideBlock1("hint-block1");
    hideBlock1("solution-block1");
  }

  // Copy Button handler
  const handleClick1 = (codeBlock) => {
    const textarea = document.getElementById(codeBlock);
    const copiedText = textarea.value;

    navigator.clipboard.writeText(copiedText);

    Notiflix.Notify.Success("Copied to clipboard!", {
      timeout: 2000,
      width: "260px",
      position: "center-top",
      textColor: "#ff5549",
    });
  };

  // Function to toggle the visibility of a block
  const toggleBlock1 = (blockId) => {
    const block = document.getElementById(blockId);

    if (block.style.display === "none" || block.style.display === "") {
      hideBlock1("hint-block1");
      hideBlock1("solution-block1");
      showBlock1(blockId);
    } else {
      hideBlock1(blockId);
    }
  };

  // Function to show a block
  const showBlock1 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "block";
  };

  // Function to hide a block
  const hideBlock1 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "none";
  };
</script>

Dette kurset er utviklet for nybegynnere som ønsker å lære det grunnleggende i programmeringsspråket TypeScript. TypeScript er et moderne og kraftig språk som utvider mulighetene til JavaScript, og gjør koden din mer pålitelig og lesbar. Vi starter med det helt grunnleggende, inkludert variabler, datatyper, sammenligningsoperatorer og betingede uttrykk. Deretter går vi videre til arbeid med arrayer og løkker. Etter å ha fullført dette kurset vil du være klar til å lage enkle programmer i TypeScript og fortsette læringsreisen mot mer avanserte emner.

Denne delen introduserer deg for TypeScript. Du vil lære hvorfor TypeScript er verdifullt og hvordan det skiller seg fra JavaScript.

I denne delen lærer du hvordan du setter betingelser for kodeutførelse i TypeScript. Du får innsikt i hvorfor dette brukes og hvordan det benyttes korrekt, slik at koden din oppfyller profesjonelle standarder.

La oss bli kjent med en praktisk måte å lagre data i en samling av elementer – et array. Du vil lære hvordan du oppretter og bruker arrayer, samt hvordan du legger til og arbeider med elementer i et array. En viktig og grunnleggende struktur for enhver programmerer.

Automatiser oppgaver med store datamengder eller variabler. Løkker hjelper deg med dette, slik at du kan behandle store datamengder og raskt oppnå resultater med kun noen få kodelinjer. Vi vil utforske de grunnleggende typene løkker og lære deg hvordan du arbeider effektivt med dem.

Det er på tide å lære hvordan du skriver egne funksjoner som utfører de operasjonene du spesifiserer. Funksjoner hjelper deg med å organisere koden din ved å dele den opp i håndterbare deler og kalle dem med én enkelt linje. Nå er det tid for å lære!

Utfordring: Snegle-Spill

Oppgave

Awesome!

Utfordring: Snegle-Spill

Oppgave