## Din første store TypeScript-opgave!
Der er **7** dage i en uge.
- **Alle elsker fredag** og weekenden, og **ingen kan lide mandag**;
- Jeg har skrevet kodeblokke til dig, som vil blive udført under bestemte betingelser;
- Din opgave er at skrive kode, der **kontrollerer betingelsen** for, hvilken ugedag det er i dag. Hvis det er `Monday` i dag, udføres den første kodeblok med betingelsen. Hvis det er `Friday`, udføres den anden blok, og så videre. Implementér denne kode ved at erstatte de tomme felter (`___`) med din kode;
- Du kan bruge **hint**- og **solution**-knapperne, hvis du har problemer med at forstå koden;
- Tøv ikke med at se på og analysere løsningen; det vil hjælpe dig med at forstå korrektheden af din kode.

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')">
    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. Inde i blokkene skal du have betingelser, der returnerer <code>true</code> eller <code>false</code>. <br>
  2. Du kan vise output på skærmen ved at bruge kommandoen <code>console.log('text')</code>.
</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("Åh nej, det er mandag.. igen");
} else if (today == 'Friday') {
    console.log("Det er fredag, mine venner!");
} else if (today == 'Saturday') {
    console.log("Jeg kan sove hele dagen!");
} else if (today == 'Sunday') {
    console.log("Den sidste dag i weekenden");
} else {
    console.log("Venter på weekenden..")
}</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>

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: Udførelse af Betingelse for Ugedag

Din første store TypeScript-opgave!

Awesome!

Udfordring: Udførelse af Betingelse for Ugedag

Din første store TypeScript-opgave!