## Din første store TypeScript-oppgave!
Det er **7** dager i en uke.
- **Alle elsker fredag** og helgene, og **ingen liker mandag**;
- Jeg har skrevet kodeblokker for deg som vil kjøres under visse betingelser;
- Din oppgave er å skrive kode som **sjekker betingelsen** for hvilken ukedag det er i dag. Hvis det er `Monday` i dag, kjøres den første kodeblokken med betingelsen. Hvis det er `Friday`, kjøres den andre blokken, og så videre. Implementer denne koden ved å erstatte tomrommene (`___`) med din kode;
- Du kan bruke **hint**- og **løsning**-knappene hvis du har problemer med å forstå koden;
- Ikke nøl med å se på og analysere løsningen; det vil hjelpe deg å forstå om koden din er 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')">
    Hint
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Løsning
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Inne i blokkene bør du ha betingelser som returnerer <code>true</code> eller <code>false</code>. <br>
  2. Du kan vise utdata på skjermen ved å bruke 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("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>

Dette kurset er utviklet for nybegynnere som ønsker å lære det grunnleggende i programmeringsspråket TypeScript. TypeScript er et moderne og kraftig språk som utvider mulighetene til JavaScript, og gjør koden din mer pålitelig og lesbar. Vi starter med det helt grunnleggende, inkludert variabler, datatyper, sammenligningsoperatorer og betingede uttrykk. Deretter går vi videre til arbeid med arrayer og løkker. Etter å ha fullført dette kurset vil du være klar til å lage enkle programmer i TypeScript og fortsette læringsreisen mot mer avanserte emner.

Denne delen introduserer deg for TypeScript. Du vil lære hvorfor TypeScript er verdifullt og hvordan det skiller seg fra JavaScript.

I denne delen lærer du hvordan du setter betingelser for kodeutførelse i TypeScript. Du får innsikt i hvorfor dette brukes og hvordan det benyttes korrekt, slik at koden din oppfyller profesjonelle standarder.

La oss bli kjent med en praktisk måte å lagre data i en samling av elementer – et array. Du vil lære hvordan du oppretter og bruker arrayer, samt hvordan du legger til og arbeider med elementer i et array. En viktig og grunnleggende struktur for enhver programmerer.

Automatiser oppgaver med store datamengder eller variabler. Løkker hjelper deg med dette, slik at du kan behandle store datamengder og raskt oppnå resultater med kun noen få kodelinjer. Vi vil utforske de grunnleggende typene løkker og lære deg hvordan du arbeider effektivt med dem.

Det er på tide å lære hvordan du skriver egne funksjoner som utfører de operasjonene du spesifiserer. Funksjoner hjelper deg med å organisere koden din ved å dele den opp i håndterbare deler og kalle dem med én enkelt linje. Nå er det tid for å lære!

Utfordring: Utførelse av Betingelse for Ukedag

Din første store TypeScript-oppgave!

Awesome!

Utfordring: Utførelse av Betingelse for Ukedag

Din første store TypeScript-oppgave!