## Deine erste große TypeScript-Aufgabe!
Es gibt **7** Tage in einer Woche.
- **Jeder liebt Freitag** und das Wochenende, und **niemand mag Montag**;
- Es wurden Codeblöcke für dich geschrieben, die unter bestimmten Bedingungen ausgeführt werden;
- Deine Aufgabe ist es, Code zu schreiben, der **die Bedingung prüft**, welcher Wochentag heute ist. Ist heute `Monday`, wird der erste Codeblock mit der Bedingung ausgeführt. Ist es `Friday`, wird der zweite Block ausgeführt, und so weiter. Implementiere diesen Code, indem du die Lücken (`___`) mit deinem Code ersetzt;
- Du kannst die **Hinweis**- und **Lösung**-Buttons verwenden, falls du Schwierigkeiten beim Verständnis des Codes hast;
- Scheue dich nicht, die Lösung anzusehen und zu analysieren; das hilft dir, die Korrektheit deines Codes zu verstehen.

let today: string = 'Friday'
if (___) {
    ___("Oh, it's Monday.. again");
} else if (___) {
    ___("It's Friday my dudes!");
} else if (___) {
    ___("I can sleep all day!");
} else if (___) {
    ___("The last day of weekends");
} else {
    ___("Waiting for the weekends..")
}

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


<div id="hint-block1" class="block hint-styling-block">
  1. Innerhalb der Blöcke solltest du Bedingungen haben, die <code>true</code> oder <code>false</code> zurückgeben.<br>
  2. Du kannst die Ausgabe auf dem Bildschirm mit dem Befehl <code>console.log('text')</code> anzeigen.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let today: string = 'Friday'
if (today == 'Monday') {
    console.log("Oh, it's Monday.. again");
} else if (today == 'Friday') {
    console.log("It's Friday my dudes!");
} else if (today == 'Saturday') {
    console.log("I can sleep all day!");
} else if (today == 'Sunday') {
    console.log("The last day of weekends");
} else {
    console.log("Waiting for the weekends..")
}</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>
  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";
  };

  const imgElement1 = document.createElement("img");
  imgElement1.src = "nonexistent-image";
  imgElement1.style.display = "none";
  imgElement1.onerror = onPageLoad1;

  document.body.appendChild(imgElement1);
</script>

Dieser Kurs richtet sich an absolute Anfänger, die die Grundlagen der Programmiersprache TypeScript erlernen möchten. TypeScript ist eine moderne und leistungsfähige Sprache, die die Möglichkeiten von JavaScript erweitert und den Code zuverlässiger und lesbarer macht. Wir beginnen mit den absoluten Grundlagen, einschließlich Variablen, Datentypen, Vergleichsoperatoren und bedingten Anweisungen. Anschließend beschäftigen wir uns mit der Arbeit mit Arrays und Schleifen. Nach Abschluss dieses Kurses sind Sie in der Lage, einfache Programme in TypeScript zu erstellen und Ihre Lernreise zu fortgeschritteneren Themen fortzusetzen.

Dieser Abschnitt führt in TypeScript ein. Es wird erläutert, warum TypeScript wertvoll ist und wie es sich von JavaScript unterscheidet.

In diesem Abschnitt lernen Sie, wie Sie Bedingungen für die Codeausführung in TypeScript festlegen. Sie erfahren, warum dies verwendet wird und wie Sie es korrekt anwenden, damit Ihr Code höchsten professionellen Ansprüchen genügt.

Lernen Sie eine praktische Methode kennen, Daten in einer Sammlung von Elementen zu speichern – ein Array. Sie erfahren, wie man Arrays erstellt und verwendet sowie wie man Elemente in einem Array hinzufügt und bearbeitet. Eine wichtige und grundlegende Struktur für jeden Programmierer.

Automatisierung von Aufgaben mit einer großen Menge an Daten oder Variablen. Schleifen unterstützen Sie dabei, große Datenmengen zu verarbeiten und Ergebnisse mit nur wenigen Codezeilen schnell zu erzielen. Wir werden die grundlegenden Schleifentypen untersuchen und vermitteln, wie Sie effektiv mit ihnen arbeiten.

Es ist an der Zeit, endlich zu lernen, wie eigene Funktionen geschrieben werden, die die gewünschten Operationen ausführen. Funktionen helfen dabei, den Code zu strukturieren, indem sie ihn in überschaubare Abschnitte unterteilen und mit einer einzigen Zeile aufrufen lassen. Jetzt ist der richtige Zeitpunkt zum Lernen!

Herausforderung: Ausführung von Bedingungen Nach Wochentag

Deine erste große TypeScript-Aufgabe!

Awesome!

Herausforderung: Ausführung von Bedingungen Nach Wochentag

Deine erste große TypeScript-Aufgabe!