Denne kode indeholder nogle **syntaksfejl**. Din opgave er at identificere fejlplaceringerne og kommentere dem ud, så koden kan køre korrekt.

let one : number = 5;
let two : string = one ** 4;
let result = two - one;
console.log('code has been executed succesfully')
console.log(`the result is ${result}`)

<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. For at bruge <b>enkel linje</b> kommentar kan du bruge <code>//</code>. <br>
  2. For at bruge <b>flerlinje</b> kommentar skal du bruge <code>/* */</code>.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let one : number = 5;
//let two : string = one ** 4;
let result = /*two - */one;
console.log('code has been executed succesfully')
console.log(`the result is ${result}`)</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: Rettelse af Kodesyntaks

Awesome!

Udfordring: Rettelse af Kodesyntaks