## Din första stora TypeScript-uppgift!
Det finns **7** dagar i en vecka.
- **Alla älskar fredag** och helgerna, och **ingen gillar måndag**;
- Jag har skrivit kodblock åt dig som kommer att köras under vissa villkor;
- Din uppgift är att skriva kod som **kontrollerar villkoret** för vilken veckodag det är idag. Om det är `Monday` idag, körs det första kodblocket med villkoret. Om det är `Friday`, körs det andra blocket, och så vidare. Implementera denna kod genom att ersätta tomrummen (`___`) med din kod;
- Du kan använda knapparna **hint** och **solution** om du har problem att förstå koden;
- Tveka inte att titta på och analysera lösningen; det hjälper dig att förstå om din kod är korrekt.

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


<div id="hint-block1" class="block hint-styling-block">
  1. Inuti blocken ska du ha villkor som returnerar <code>true</code> eller <code>false</code>. <br>
  2. Du kan visa utdata på skärmen med kommandot <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("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>

Denna kurs är utformad för absoluta nybörjare som vill behärska grunderna i programmeringsspråket TypeScript. TypeScript är ett modernt och kraftfullt språk som utökar JavaScripts kapacitet och gör din kod mer tillförlitlig och läsbar. Vi börjar från grunden och går igenom variabler, datatyper, jämförelseoperatorer och villkorssatser. Därefter fördjupar vi oss i arbete med arrayer och loopar. Efter att ha slutfört denna kurs kommer du att vara redo att skapa enkla program i TypeScript och fortsätta din inlärningsresa mot mer avancerade ämnen.

Detta avsnitt introducerar dig till TypeScript. Du får lära dig varför TypeScript är värdefullt och hur det skiljer sig från JavaScript.

Vi kommer att ta kontroll över koden! I det här avsnittet lär du dig hur du ställer in villkor för kodexekvering i TypeScript. Du får veta varför detta används och hur det används korrekt, så att din kod blir föremål för avund bland alla topprogrammerare!

Lär känna ett bekvämt sätt att lagra data i en samling av element – en array. Du kommer att lära dig hur man skapar och använder arrayer, samt hur man lägger till och arbetar med element i en array. En viktig och grundläggande struktur för varje programmerare.

Automatisera uppgifter med stora datamängder eller variabler. Loopar hjälper dig att bearbeta stora datamängder och snabbt få resultat med endast några få rader kod. Vi kommer att utforska de grundläggande typerna av loopar och visa hur du arbetar effektivt med dem.

Det är dags att lära sig hur du skriver egna funktioner som utför de operationer du anger. Funktioner hjälper dig att organisera din kod genom att dela upp den i hanterbara delar och anropa dem med en enda rad. Det är dags att lära sig!

Utmaning: Villkorsstyrd Körning Baserat på Veckodag

Din första stora TypeScript-uppgift!

Awesome!

Utmaning: Villkorsstyrd Körning Baserat på Veckodag

Din första stora TypeScript-uppgift!