Denne koden inneholder noen **syntaksfeil**. Din oppgave er å identifisere hvor feilene er og kommentere dem ut slik at koden kan kjøres uten problemer.

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')">
    Tips
  </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 å bruke <b>enlinje-</b> kommentar kan du bruke <code>//</code>. <br>
  2. For å bruke <b>flerlinje-</b> kommentar bruk <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 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: Korrigering av Kodesyntaks

Awesome!

Utfordring: Korrigering av Kodesyntaks