# Opgave

Spil om penge er risikabelt, men det kan være profitabelt for kasinoejeren og nogle gange for spillerne. Du bør dog <u>kun spille for de penge, du er villig til at bruge på kasinoet</u>.

Din opgave er at **skrive en funktion**, der afgør **vinderen** 🎉  og **taberen** 😠 . Vores lotteri er meget forenklet, så vinderen er den, der får tallet `2` eller `7`. Der er i alt **10 muligheder**, hvilket betyder, at tallet går fra `0` til `9`. Funktionen skal tage **én parameter**, som er det tal, spilleren har gættet på. Hvis dette tal er et vinder-tal, skal du udskrive '`Congratulations, you are now rich!`' på skærmen. Hvis tallet ikke er et vinder-tal, skal du udskrive '`Unfortunately, you lost, come back tomorrow`'.

Du er velkommen til at kigge på **hintet eller løsningen**, hvis du har vanskeligheder med at løse opgaven. <u>Vi er her for at lære!</u>

function giveATry(___) {
    // write your implementation here
}

let randomValue = Math.floor(Math.random() * 10); // peeking a random number from 0 to 9
console.log(`You got the number ${randomValue}!`)
giveATry(randomValue)

<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')">
    Tip
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Løsning
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Du kan løse denne opgave på to måder. Du kan bruge en if-sætning eller en
  switch-sætning. <br>
  2. Hvis du vælger at bruge en switch-sætning, skal du definere cases for hver
  vinder-mulighed, eller du kan definere cases for vinder-muligheder og håndtere taber-muligheder i default-casen. <br>
  3. Hvis du vælger at bruge en if-sætning, skal du angive handlingen for
  vinder-scenariet, som er når <code>peek</code> er lig med 2 eller 7.
  Lad taber-scenarierne være for <code>else</code> blokken.<br>
  4. Skriv din funktion og kør den; koden vil automatisk generere et
  tilfældigt tal mellem 0 og 9 og bruge din funktion.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
function giveATry(peek: number) {
    if (peek == 2 || peek == 7) {
        console.log('Congratulations, you are now rich!')
    } else {
        console.log('Unfortunately, you lost, come back tomorrow')
    }
}

let randomValue = Math.floor(Math.random() * 10); // peeking a random number from 0 to 9
console.log(`You got the number ${randomValue}!`)
giveATry(randomValue)</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 kursus er designet til absolutte begyndere, der ønsker at mestre det grundlæggende i programmeringssproget TypeScript. TypeScript er et moderne og kraftfuldt sprog, der udvider JavaScripts funktionalitet og gør din kode mere pålidelig og læsbar. Vi starter helt fra bunden og gennemgår variabler, datatyper, sammenligningsoperatorer og betingede udsagn. Derefter dykker vi ned i arbejdet med arrays og løkker. Når du har gennemført dette kursus, vil du være klar til at skabe simple programmer i TypeScript og fortsætte din læringsrejse mod mere avancerede emner.

Dette afsnit introducerer dig til TypeScript. Du vil lære, hvorfor TypeScript er værdifuldt, og hvordan det adskiller sig fra JavaScript.

I denne sektion lærer du at opstille betingelser for kodeudførelse i TypeScript. Du får indsigt i formålet med betingede udsagn og korrekt anvendelse, så din kode opnår høj teknisk standard.

Lad os stifte bekendtskab med en praktisk metode til at gemme data i en samling af elementer – et array. Du vil lære, hvordan man opretter og anvender arrays, samt hvordan man tilføjer og arbejder med elementer i et array. En vigtig og grundlæggende struktur for enhver programmør.

Automatiser opgaver med store datamængder eller variabler. Løkker hjælper dig med at behandle store datamængder og opnå resultater hurtigt med kun få linjer kode. Vi gennemgår de grundlæggende typer af løkker og lærer dig at arbejde effektivt med dem.

Det er tid til endelig at lære, hvordan du skriver dine egne funktioner, der udfører de operationer, du angiver. Funktioner hjælper dig med at organisere din kode ved at opdele den i håndterbare dele og kalde dem med en enkelt linje. Det er tid til at lære!

Udfordring: Lotteri

Opgave

Awesome!

Udfordring: Lotteri

Opgave