# Tarefa

Jogar pode ser prejudicial, mas pode ser lucrativo para o dono do cassino e, às vezes, para os jogadores. No entanto, <u>só jogue com o dinheiro extra que você está disposto a gastar no cassino</u>.

Sua tarefa é **escrever uma função** que determina o **vencedor** 🎉 e o **perdedor** 😠. Nossa loteria é bastante simplificada, então o vencedor é aquele que recebe o número `2` ou `7`. Existem um total de **10 opções**, ou seja, o número varia de `0` a `9`. A função deve receber **um parâmetro**, que é o número escolhido pelo jogador. Se esse número for um número vencedor, você deve exibir '`Congratulations, you are now rich!`' na tela. Se o número não for um número vencedor, exiba '`Unfortunately, you lost, come back tomorrow`'.

Sinta-se à vontade para consultar a **dica ou solução** se tiver dificuldades para completar esta tarefa. <u>Estamos todos aqui para aprender!</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://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')">
    Dica
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Solução
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Você pode resolver esta tarefa de duas maneiras: usando uma declaração if ou uma declaração switch. <br>
  2. Se você optar por usar uma declaração switch, precisa definir casos para cada opção vencedora, ou pode definir casos para as opções vencedoras e tratar as opções perdedoras no caso default. <br>
  3. Se você optar por usar uma declaração if, precisa especificar a ação para o cenário vencedor, que é quando <code>peek</code> é igual a 2 ou 7.
  Deixe os cenários de derrota para o bloco <code>else</code>.<br>
  4. Escreva sua função e execute-a; o código irá gerar automaticamente um número aleatório entre 0 e 9 e usar sua função.
</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>

Este curso é destinado a iniciantes absolutos que desejam dominar os fundamentos da linguagem de programação TypeScript. TypeScript é uma linguagem moderna e poderosa que amplia as capacidades do JavaScript, tornando seu código mais confiável e legível. Começaremos pelos conceitos mais básicos, abordando variáveis, tipos de dados, operadores de comparação e estruturas condicionais. Em seguida, exploraremos o trabalho com arrays e laços de repetição. Ao concluir este curso, você estará apto a criar programas simples em TypeScript e prosseguir sua jornada de aprendizado para tópicos mais avançados.

Esta seção apresenta o TypeScript. Você aprenderá por que o TypeScript é valioso e como ele difere do JavaScript.

Vamos assumir o controle do código! Nesta seção, você aprenderá como definir condições para a execução do código em TypeScript. Você descobrirá por que isso é utilizado e como utilizá-lo corretamente, tornando seu código referência entre os melhores programadores!

Vamos conhecer uma maneira conveniente de armazenar dados em uma coleção de elementos: o array. Você aprenderá como criar e utilizar arrays, além de adicionar e manipular elementos em um array. Uma estrutura importante e fundamental para qualquer programador.

Automatize tarefas com grandes volumes de dados ou variáveis. Os laços de repetição auxiliam nesse processo, permitindo processar grandes quantidades de dados e obter resultados rapidamente com poucas linhas de código. Exploraremos os tipos fundamentais de laços e ensinaremos como utilizá-los de forma eficaz.

Chegou o momento de aprender a escrever suas próprias funções que executarão as operações especificadas. As funções ajudam a organizar o código, dividindo-o em partes gerenciáveis e permitindo chamá-las em uma única linha. É hora de aprender!

Desafio: Loteria

Tarefa

Awesome!

Desafio: Loteria

Tarefa