# Aufgabe

Glücksspiel ist schlecht, aber es kann für den Casino-Besitzer und manchmal auch für die Spieler profitabel sein. Du solltest jedoch <u>nur mit dem zusätzlichen Geld spielen, das du bereit bist, im Casino auszugeben</u>.

Deine Aufgabe ist es, **eine Funktion zu schreiben**, die den **Gewinner** 🎉 und den **Verlierer** 😠 bestimmt. Unsere Lotterie ist sehr vereinfacht, daher ist der Gewinner derjenige, der die Zahl `2` oder `7` erhält. Es gibt insgesamt **10 Optionen**, was bedeutet, dass die Zahl von `0` bis `9` reicht. Die Funktion sollte **einen Parameter** übernehmen, nämlich die vom Spieler geratene Zahl. Wenn diese Zahl eine Gewinnzahl ist, solltest du '`Congratulations, you are now rich!`' auf dem Bildschirm ausgeben. Wenn die Zahl keine Gewinnzahl ist, dann gib '`Unfortunately, you lost, come back tomorrow`' aus.

Fühl dich frei, einen Blick auf den **Hinweis oder die Lösung** zu werfen, wenn du Schwierigkeiten hast, diese Aufgabe zu lösen. <u>Wir sind alle hier, um zu lernen!</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://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')"
  >
    Hint
  </button>
  <button
    class="button"
    onclick="toggleBlock1('solution-block1', 'hint-block1')"
  >
    Solution
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. You can go two ways to solve this task. You can use an if statement or a
  switch statement. <br />
  2. If you choose to use a switch statement, you need to define cases for each
  winning option, or you can define cases for winning options and handle losing
  options in the default case. <br />
  3. If you choose to use an if statement, you need to specify the action for
  the winning scenario, which is when <code>peek</code> is equal to 2 or 7.
  Leave the losing scenarios for the <code>else</code> block.<br />
  4. Write your function and run it; the code will automatically generate a
  random number between 0 and 9 and use your function.
</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>

Dieser Kurs ist für absolute Anfänger konzipiert, die die Grundlagen der Programmiersprache TypeScript beherrschen möchten. TypeScript ist eine moderne und leistungsstarke Sprache, die die Fähigkeiten von JavaScript erweitert und Ihren Code zuverlässiger und lesbarer macht. Wir beginnen mit den Grundlagen, indem wir Variablen, Datentypen, Vergleichsoperatoren und bedingte Anweisungen behandeln. Anschließend werden wir uns mit Arrays und Schleifen beschäftigen. Nach Abschluss dieses Kurses sind Sie bereit, einfache Programme in TypeScript zu erstellen und Ihre Lernreise zu fortgeschritteneren Themen fortzusetzen.

Dieser Abschnitt führt Sie in TypeScript ein. Sie werden lernen, warum TypeScript wertvoll ist und wie es sich von JavaScript unterscheidet.

Wir werden die Kontrolle über den Code übernehmen! In diesem Abschnitt lernst du, wie du Bedingungen für die Codeausführung in TypeScript festlegst. Du wirst entdecken, warum dies verwendet wird und wie man es richtig anwendet, damit dein Code der Neid aller Top-Programmierer wird!

Lassen Sie uns mit einer praktischen Möglichkeit vertraut machen, Daten in einer Sammlung von Elementen zu speichern - einem Array. Sie werden lernen, wie man Arrays erstellt und verwendet, sowie wie man Elemente in einem Array hinzufügt und damit arbeitet. Eine wichtige und grundlegende Struktur für jeden Programmierer.

Automatisieren Sie Aufgaben mit einer großen Menge an Daten oder Variablen. Loops werden Ihnen dabei helfen, eine große Menge an Daten zu verarbeiten und schnell Ergebnisse in nur wenigen Codezeilen zu erzielen. Wir werden die grundlegenden Arten von Loops erkunden und Ihnen beibringen, wie Sie effektiv mit ihnen arbeiten!

Es ist an der Zeit, endlich zu lernen, wie man eigene Funktionen schreibt, die die von Ihnen angegebenen Operationen ausführen. Funktionen helfen Ihnen, Ihren Code zu organisieren, indem sie ihn in handhabbare Teile zerlegen und in einer einzigen Zeile aufrufen. Es ist Zeit zu lernen!

Einführung in TypeScript

Herausforderung (Lottery)

Aufgabe