# Завдання

Вітаємо, вас найняли розробником для інді-гри "Snail Simulator". Ваше завдання — розробити **логіку руху равлика**. Равлики не дуже швидкі, і кожен має власний запас витривалості. Необхідно обчислити максимальну відстань, яку зможе подолати равлик, якщо на кожен метр він витрачає `2%` своєї витривалості. Використайте цикл `while` для розв'язання цієї задачі, а потім **виведіть результат на екран**. Успіхів!

let stamina: number = 100;
let distance: number = 0;
const staminaPerMeter: number = 2;

while (stamina > ___) {
    stamina = ___ - ___;
    ___++;
}
console.log(`The snail got tired; it ran ${___} meters. This is a new record, congratulations!`)

<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')">
    Підказка
  </button>
  <button class="button" onclick="toggleBlock1('solution-block1', 'hint-block1')">
    Розв'язок
  </button>
</div>


<div id="hint-block1" class="block hint-styling-block">
  1. Ваша мета — заповнити пропуски (<code>___</code>) необхідними
  змінними. <br>
  2. Равлик повинен мати <code>stamina</code> <b>більше нуля</b> для руху.
  <br>
  3. За кожен метр, який проходить равлик, він втрачає
  <code>stamina_per_meter</code> витривалості.<br>
  4. Коли равлик втрачає витривалість, пройдена відстань повинна збільшуватися на 1
  (<b>increment</b>).<br>
  5. Нарешті, виведіть <code>distance</code> яку пройшов равлик.
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-typescript">
let stamina: number = 100;
let distance: number = 0;
const staminaPerMeter: number = 2;

while (stamina > 0) {
    stamina = stamina - staminaPerMeter;
    distance++;
}
console.log(`The snail got tired; it ran ${distance} meters. This is a new record, congratulations!`)</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>

Цей курс призначений для абсолютних початківців, які бажають опанувати основи мови програмування TypeScript. TypeScript — це сучасна та потужна мова, що розширює можливості JavaScript, роблячи ваш код більш надійним і читабельним. Ми почнемо з найосновнішого, розглянемо змінні, типи даних, оператори порівняння та умовні оператори. Далі перейдемо до роботи з масивами та циклами. Після завершення цього курсу ви будете готові створювати прості програми на TypeScript і продовжити навчання більш складним темам.

У цьому розділі ви познайомитеся з TypeScript. Ви дізнаєтеся, чому TypeScript є цінним і чим він відрізняється від JavaScript.

У цьому розділі ви дізнаєтеся, як встановлювати умови для виконання коду в TypeScript. Ви зрозумієте, чому це використовується та як правильно застосовувати умовні оператори, щоб ваш код відповідав найвищим стандартам програмування.

Ознайомлення зі зручним способом зберігання даних у колекції елементів — масивом. Ви дізнаєтеся, як створювати та використовувати масиви, а також як додавати та працювати з елементами в масиві. Важлива та фундаментальна структура для будь-якого програміста.

Автоматизація завдань з великою кількістю даних або змінних. Цикли допоможуть у цьому, дозволяючи обробляти великі обсяги даних і швидко отримувати результати за допомогою кількох рядків коду. Ми розглянемо основні типи циклів і навчимо ефективно з ними працювати!

Настав час дізнатися, як писати власні функції, які виконуватимуть задані вами операції. Функції допоможуть організувати код, розбиваючи його на керовані частини та викликаючи їх одним рядком. Час навчатися!

Завдання: Гра «Равлик»

Завдання

Завдання: Гра «Равлик»

Завдання