Du utvecklar ett program för en bank som behöver **beräkna provision** baserat på transaktionstypen. Din uppgift är att skriva ett `switch`-uttryck som kommer att visa provisionen beroende på typen av inkommande transaktion.

Provisionssatser baserat på transaktionstyp:

- `Payment`: 0,5 %;
- `Transfer`: 1,2 %;
- `Withdrawal`: 2,0 %;
- `Deposit`: 0,0 % (ingen provision).

Ersätt `___` med nödvändig kod för att kompilera det. Tveka inte att kontrollera **tipset och lösningen** för att förstå uppgiften bättre.

let transactionType: string = "Transfer"; // You can change the operation type
let commission: number;

switch (transactionType) {
    case ___:
        ___ = 0.5;
        break;
    case ___:
        ___ = ___;
        break;
    case ___:
        ___ = ___;
        break;
    case ___:
        ___ = ___;
        break;
    ___:
        ___ = -1; // Handle unknown transaction types
}

console.log(`Commission for ${transactionType}: ${commission}%`);

<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')">
    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. I varje fall behöver du skriva operationens namn som en sträng, listan över dessa hittar du i uppgiftsbeskrivningen. <br>
  2. Inuti <code>case</code>-blocket, tilldela rätt provisionsvärde till variabeln för varje typ av operation. Om operationen är okänd ska provisionen vara <code>-1</code>.<br>
  3. Glöm inte bort <code>default</code>-blocket.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let transactionType: string = "Transfer";
let commission: number;

switch (transactionType) {
    case "Payment":
        commission = 0.5;
        break;
    case "Transfer":
        commission = 1.2;
        break;
    case "Withdrawal":
        commission = 2.0;
        break;
    case "Deposit":
        commission = 0.0;
        break;
    default:
        commission = -1; // Hantera okända transaktionstyper
}

console.log(`Commission for ${transactionType}: ${commission}%`);</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: Provisionskalkylator