# Tehtävä

Uhkapelaaminen on haitallista, mutta se voi olla tuottoisaa kasinon omistajalle ja joskus myös pelaajille. Kuitenkin <u>pelaa vain ylimääräisillä rahoilla, jotka olet valmis käyttämään kasinolla</u>.

Tehtävänäsi on **kirjoittaa funktio**, joka määrittää **voittajan** 🎉 ja **häviäjän** 😠 . Meidän arvontamme on hyvin yksinkertaistettu, joten voittaja on se, joka saa numeron `2` tai `7`. Vaihtoehtoja on yhteensä **10**, eli numerot vaihtelevat välillä `0`–`9`. Funktion tulee ottaa **yksi parametri**, joka on pelaajan arvaama numero. Jos tämä numero on voittava numero, tulosta näytölle '`Congratulations, you are now rich!`'. Jos numero ei ole voittava, tulosta '`Unfortunately, you lost, come back tomorrow`'.

Voit halutessasi katsoa **vihjeen tai ratkaisun**, jos tehtävän suorittaminen tuntuu vaikealta. <u>Olemme kaikki täällä oppimassa!</u>

function giveATry(___) {
    // write your implementation here
}

let randomValue = Math.floor(Math.random() * 10); // peeking a random number from 0 to 9
console.log(`You got the number ${randomValue}!`)
giveATry(randomValue)

<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')">
    Vihje
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Ratkaisu
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Tämän tehtävän voi ratkaista kahdella tavalla: käyttämällä if-lauseketta tai
  switch-lauseketta. <br>
  2. Jos päätät käyttää switch-lauseketta, sinun täytyy määritellä tapaukset jokaiselle
  voittovaihtoehdolle, tai voit määritellä tapaukset voittovaihtoehdoille ja käsitellä häviöt
  oletustapauksessa. <br>
  3. Jos käytät if-lauseketta, sinun täytyy määritellä toiminto
  voittotilanteelle, eli kun <code>peek</code> on yhtä kuin 2 tai 7.
  Jätä häviötapaukset <code>else</code> -lohkoon.<br>
  4. Kirjoita funktiosi ja suorita se; koodi arpoo automaattisesti
  satunnaisen luvun väliltä 0 ja 9 ja käyttää funktiotasi.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
function giveATry(peek: number) {
    if (peek == 2 || peek == 7) {
        console.log('Congratulations, you are now rich!')
    } else {
        console.log('Unfortunately, you lost, come back tomorrow')
    }
}

let randomValue = Math.floor(Math.random() * 10); // peeking a random number from 0 to 9
console.log(`You got the number ${randomValue}!`)
giveATry(randomValue)</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>

Tämä kurssi on suunniteltu täysin aloittelijoille, jotka haluavat hallita TypeScript-ohjelmointikielen perusteet. TypeScript on moderni ja tehokas kieli, joka laajentaa JavaScriptin ominaisuuksia tehden koodistasi luotettavampaa ja helpommin luettavaa. Aloitamme aivan perusteista käsitellen muuttujia, tietotyyppejä, vertailuoperaattoreita ja ehtolauseita. Tämän jälkeen syvennymme taulukoiden ja silmukoiden käyttöön. Kurssin suoritettuasi olet valmis luomaan yksinkertaisia ohjelmia TypeScriptillä ja jatkamaan oppimista edistyneempiin aiheisiin.

Tässä osiossa perehdytään TypeScriptiin. Opit, miksi TypeScript on arvokas ja miten se eroaa JavaScriptistä.

Tässä osiossa opit asettamaan ehtoja koodin suorittamiselle TypeScriptissä. Saat tietää, miksi ehtolauseita käytetään ja kuinka niitä hyödynnetään oikein, jotta koodistasi tulee ammattimaisesti toteutettua.

Tutustutaan kätevään tapaan tallentaa tietoa kokoelmaan alkioita – taulukkoon. Opit, kuinka taulukkoja luodaan ja käytetään sekä miten alkioita lisätään ja käsitellään taulukossa. Tärkeä ja perustavanlaatuinen rakenne jokaiselle ohjelmoijalle.

Tehtävien automatisointi suurten tietomäärien tai muuttujien kanssa. Silmukat auttavat tässä, mahdollistaen suuren tietomäärän käsittelyn ja nopeiden tulosten saamisen vain muutamalla koodirivillä. Tutustumme silmukoiden perusmuotoihin ja opastamme niiden tehokkaassa käytössä!

On aika oppia kirjoittamaan omia funktioita, jotka suorittavat määrittämiäsi operaatioita. Funktiot auttavat järjestämään koodisi jakamalla sen hallittaviin osiin, joita voidaan kutsua yhdellä rivillä.

Haaste: Arvonta

Tehtävä

Haaste: Arvonta

Tehtävä