# Uppgift

Det klassiska problemet kallas FizzBuzz. Uppgiften är mycket enkel: Du får en array med slumpmässiga tal, och koden för att generera dessa tal finns ovan; vänligen ändra inte den koden. Din uppgift är att ersätta arrayens element enligt följande villkor:
- Om ett tal är delbart med 3, ersätt det med '`Fizz`';
- Om ett tal är delbart med 5, ersätt det med '`Buzz`';
- Om ett tal är delbart med både 3 och 5, ersätt det med '`FizzBuzz`'.

Som resultat ska du returnera en array med tal och strängar. Du kan titta på tips och lösningar om du har svårigheter med att lösa problemet. På detta sätt kommer du att ta till dig informationen bättre och förbättra dina färdigheter. Må kraften vara med dig!

let randomNumbers: (number | string)[] = [];

// do not change the code below
for (let i = 0; i < 15; i++) {
  let randomNumber: number = Math.floor(Math.random() * 100); // Generating a random number from 0 to 99
  randomNumbers.push(randomNumber);
}
//do not change the code above

for (let i = 0; i < ___; i++) {
    // Assert that randomNumbers[i] is a number before using the modulus operator
    let num = randomNumbers[i] as number;
  
    if (___) {
        randomNumbers[i] = '___'
    } else if (___) {
        ___ = 'Fizz'
    } else if (___) {
        ___
    }
}

console.log(randomNumbers);

<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. Ditt mål är att begränsa antalet iterationer i loopen till längden på
  arrayen. För att göra detta kan du använda
  <code>i < arrayName.length</code>.<br>
  2. När talet är jämnt delbart med 3 behöver du ersätta arrayelementet med <b>Fizz</b>. För att göra detta, inuti <code>if</code>-satsen,
  ska du kontrollera det med följande villkor:
  <code>array[i] % 3 == 0</code>. <br>
  3. Du behöver göra samma sak med andra kontroller. I det andra if-blocket ska du
  kontrollera om talet är jämnt delbart med 5.<br>
  4. För att kontrollera två villkor samtidigt, använd
  <code>condition_1 && condition_2</code>.<br>
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let randomNumbers: (number | string)[] = [12, 15, 10];

// do not change the code below
for (let i = 0; i < 15; i++) {
  let randomNumber: number = Math.floor(Math.random() * 100); // Generating a random number from 0 to 99
  randomNumbers.push(randomNumber);
}
//do not change the code above

for (let i = 0; i < randomNumbers.length; i++) {
    // Assert that randomNumbers[i] is a number before using the modulus operator
    let num = randomNumbers[i] as number;

    if (num % 3 == 0 && num % 5 == 0) {
        randomNumbers[i] = 'FizzBuzz';
    } else if (num % 3 == 0) {
        randomNumbers[i] = 'Fizz';
    } else if (num % 5 == 0) {
        randomNumbers[i] = 'Buzz';
    }
}

console.log(randomNumbers);</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>
  document.addEventListener("readystatechange", (event) => {
    if (event.target.readyState === "complete") {
      onPageLoad1();
    }
  });

  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";
  };
</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: FizzBuzz

Uppgift

Awesome!

Utmaning: FizzBuzz

Uppgift