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


<div id="hint-block1" class="block hint-styling-block">
  1. It is recommended to do ... <br />
  2. Use such method <code>some code</code> text again <br />
  3. Return te format <br />
</div>

<div id="solution-block1" class="block solution-styling-block">
  
  <textarea id="code-1" class="language-scala">
package casino

import scala.annotation.tailrec

object CasinoApp extends App {

  def solution(n: Int, k: Int): Int = {
    @tailrec
    def innerSolution(k: Int, nrOfrounds: Int, totalChipsRequired: Int): Int = {
      if (totalChipsRequired == n) nrOfrounds
      else if (k > 0 && totalChipsRequired == math.abs(n / 4)) innerSolution(k - 1, nrOfrounds + 1, totalChipsRequired * 2)
      else if (k > 0 && totalChipsRequired == math.abs(n / 2)) innerSolution(k - 1, nrOfrounds + 1, totalChipsRequired * 2)
      else innerSolution(k, nrOfrounds + 1, totalChipsRequired + 1)
    }

    innerSolution(k, 0, 1)
  }

  println(solution(10, 10)) //4
  println(solution(18, 2)) //6
  println(solution(8, 0)) //7
}
  </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: 100 },
      { 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>

PCEtLSBDb2RlIEVkaXRvciBsaWIgLS0+CjxsaW5rCiAgcmVsPSJzdHlsZXNoZWV0IgogIGhyZWY9Imh0dHBzOi8vY2RuanMuY2xvdWRmbGFyZS5jb20vYWpheC9saWJzL2NvZGVtaXJyb3IvNS42Mi4zL2NvZGVtaXJyb3IubWluLmNzcyIKLz4KPGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvY29kZW1pcnJvci81LjYyLjMvdGhlbWUvZHJhY3VsYS5taW4uY3NzIgovPgoKPCEtLSBDdXN0b20gc3R5bGVzIC0tPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9idXR0b25zLXNlY3Rpb24vaGludC1zb2x1dGlvbi13aXRoLWNvcHlhYmxlLSUyNiUzRGhpZ2hsaWdodGVkLWNvZGUuY3NzIgovPgoKPGRpdiBjbGFzcz0iYnV0dG9uLWNvbnRhaW5lciI+CiAgPGJ1dHRvbgogICAgY2xhc3M9ImJ1dHRvbiIKICAgIG9uY2xpY2s9InRvZ2dsZUJsb2NrMSgnaGludC1ibG9jazEnLCAnc29sdXRpb24tYmxvY2sxJykiCiAgPgogICAgSGludAogIDwvYnV0dG9uPgogIDxidXR0b24KICAgIGNsYXNzPSJidXR0b24iCiAgICBvbmNsaWNrPSJ0b2dnbGVCbG9jazEoJ3NvbHV0aW9uLWJsb2NrMScsICdoaW50LWJsb2NrMScpIgogID4KICAgIFNvbHV0aW9uCiAgPC9idXR0b24+CjwvZGl2PgoKPCEtLSBDSEFOR0UgVEhFIEhJTlQgLS0+CjxkaXYgaWQ9ImhpbnQtYmxvY2sxIiBjbGFzcz0iYmxvY2sgaGludC1zdHlsaW5nLWJsb2NrIj4KICAxLiBJdCBpcyByZWNvbW1lbmRlZCB0byBkbyAuLi4gPGJyIC8+CiAgMi4gVXNlIHN1Y2ggbWV0aG9kIDxjb2RlPnNvbWUgY29kZTwvY29kZT4gdGV4dCBhZ2FpbiA8YnIgLz4KICAzLiBSZXR1cm4gdGUgZm9ybWF0IDxiciAvPgo8L2Rpdj4KCjxkaXYgaWQ9InNvbHV0aW9uLWJsb2NrMSIgY2xhc3M9ImJsb2NrIHNvbHV0aW9uLXN0eWxpbmctYmxvY2siPgogIDwhLS0gQ0hBTkdFIFRIRSBDT0RFIC0tPgogIDx0ZXh0YXJlYSBpZD0iY29kZS0xIiBjbGFzcz0ibGFuZ3VhZ2Utc2NhbGEiPgpwYWNrYWdlIGNhc2lubwoKaW1wb3J0IHNjYWxhLmFubm90YXRpb24udGFpbHJlYwoKb2JqZWN0IENhc2lub0FwcCBleHRlbmRzIEFwcCB7CgogIGRlZiBzb2x1dGlvbihuOiBJbnQsIGs6IEludCk6IEludCA9IHsKICAgIEB0YWlscmVjCiAgICBkZWYgaW5uZXJTb2x1dGlvbihrOiBJbnQsIG5yT2Zyb3VuZHM6IEludCwgdG90YWxDaGlwc1JlcXVpcmVkOiBJbnQpOiBJbnQgPSB7CiAgICAgIGlmICh0b3RhbENoaXBzUmVxdWlyZWQgPT0gbikgbnJPZnJvdW5kcwogICAgICBlbHNlIGlmIChrID4gMCAmJiB0b3RhbENoaXBzUmVxdWlyZWQgPT0gbWF0aC5hYnMobiAvIDQpKSBpbm5lclNvbHV0aW9uKGsgLSAxLCBuck9mcm91bmRzICsgMSwgdG90YWxDaGlwc1JlcXVpcmVkICogMikKICAgICAgZWxzZSBpZiAoayA+IDAgJiYgdG90YWxDaGlwc1JlcXVpcmVkID09IG1hdGguYWJzKG4gLyAyKSkgaW5uZXJTb2x1dGlvbihrIC0gMSwgbnJPZnJvdW5kcyArIDEsIHRvdGFsQ2hpcHNSZXF1aXJlZCAqIDIpCiAgICAgIGVsc2UgaW5uZXJTb2x1dGlvbihrLCBuck9mcm91bmRzICsgMSwgdG90YWxDaGlwc1JlcXVpcmVkICsgMSkKICAgIH0KCiAgICBpbm5lclNvbHV0aW9uKGssIDAsIDEpCiAgfQoKICBwcmludGxuKHNvbHV0aW9uKDEwLCAxMCkpIC8vNAogIHByaW50bG4oc29sdXRpb24oMTgsIDIpKSAvLzYKICBwcmludGxuKHNvbHV0aW9uKDgsIDApKSAvLzcKfQogIDwvdGV4dGFyZWE+CgogIDxidXR0b24gY2xhc3M9ImNvcHktYnV0dG9uIiBvbmNsaWNrPSJoYW5kbGVDbGljazEoJ2NvZGUtMScpIj4KICAgIDxzdmcKICAgICAgd2lkdGg9IjIwIgogICAgICBoZWlnaHQ9IjIwIgogICAgICB4PSIwIgogICAgICB5PSIwIgogICAgICB2aWV3Qm94PSIwIDAgMzIgMzIiCiAgICAgIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDogbmV3IDAgMCA1MTIgNTEyIgogICAgICB4bWw6c3BhY2U9InByZXNlcnZlIgogICAgICBjbGFzcz0iIgogICAgPgogICAgICA8Zz4KICAgICAgICA8cGF0aAogICAgICAgICAgZD0ibTI2LjEyMSA2LjcwNy0zLjgyOC0zLjgyOEEyLjk4IDIuOTggMCAwIDAgMjAuMTcyIDJIMTJhMy4wMDMgMy4wMDMgMCAwIDAtMyAzdjFIOGEzLjAwMyAzLjAwMyAwIDAgMC0zIDN2MThhMy4wMDMgMy4wMDMgMCAwIDAgMyAzaDEyYTMuMDAzIDMuMDAzIDAgMCAwIDMtM3YtMWgxYTMuMDAzIDMuMDAzIDAgMCAwIDMtM1Y4LjgyOWEyLjk4MiAyLjk4MiAwIDAgMC0uODc5LTIuMTIyWk0yMiA1LjQxNCAyMy41ODYgN0gyMlpNMjAgMjhIOGExLjAwMSAxLjAwMSAwIDAgMS0xLTFWOWExLjAwMSAxLjAwMSAwIDAgMSAxLTFoOHYzYTIuMDAyIDIuMDAyIDAgMCAwIDIgMmgzdjE0YTEgMSAwIDAgMS0xIDFaTTE4IDkuNDE0IDE5LjU4NiAxMUgxOFpNMjQgMjRoLTFWMTIuODI5YTIuOTgyIDIuOTgyIDAgMCAwLS44NzktMi4xMjJsLTMuODI4LTMuODI4QTIuOTggMi45OCAwIDAgMCAxNi4xNzEgNkgxMVY1YTEuMDAxIDEuMDAxIDAgMCAxIDEtMWg4djNhMi4wMDIgMi4wMDIgMCAwIDAgMiAyaDN2MTRhMSAxIDAgMCAxLTEgMVptLTYtOGgtOGExIDEgMCAwIDEgMC0yaDhhMSAxIDAgMCAxIDAgMlptMCA0aC04YTEgMSAwIDAgMSAwLTJoOGExIDEgMCAwIDEgMCAyWm0wIDRoLThhMSAxIDAgMCAxIDAtMmg4YTEgMSAwIDAgMSAwIDJaIgogICAgICAgICAgZmlsbD0iI2E2YjhlNiIKICAgICAgICAgIG9wYWNpdHk9IjEiCiAgICAgICAgICBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIgogICAgICAgICAgY2xhc3M9IiIKICAgICAgICA+PC9wYXRoPgogICAgICA8L2c+CiAgICA8L3N2Zz4KICA8L2J1dHRvbj4KPC9kaXY+Cgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvY29kZW1pcnJvci81LjYyLjMvY29kZW1pcnJvci5taW4uanMiPjwvc2NyaXB0Pgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG5qcy5jbG91ZGZsYXJlLmNvbS9hamF4L2xpYnMvY29kZW1pcnJvci81LjYyLjMvbW9kZS9jbGlrZS9jbGlrZS5taW4uanMiPjwvc2NyaXB0PgoKPCEtLSBOb3RpZmljYXRpb24gbGliIC0tPgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ub3RpZmxpeEAyLjcuMC9kaXN0L25vdGlmbGl4LWFpby0yLjcuMC5taW4uanMiPjwvc2NyaXB0PgoKPHNjcmlwdD4KICBmdW5jdGlvbiBvblBhZ2VMb2FkMSgpIHsKICAgIHZhciBlZGl0b3IgPSBDb2RlTWlycm9yLmZyb21UZXh0QXJlYShkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29kZS0xJyksIHsKICAgICAgbGluZU51bWJlcnM6IHRydWUsCiAgICAgIG1vZGU6ICd0ZXh0L3gtc2NhbGEnLAogICAgICB0aGVtZTogJ2RyYWN1bGEnLAogICAgfSk7CgogICAgLy8gLS0tLS0tLS0tLT4gSElHSExJR0hUIDwtLS0tLS0tLS0tCiAgICBlZGl0b3IubWFya1RleHQoCiAgICAgIHsgbGluZTogMCwgY2g6IDAgfSwKICAgICAgeyBsaW5lOiAwLCBjaDogMTAwIH0sCiAgICAgIHsgY2xhc3NOYW1lOiAnc3BlY2lmaWMnIH0KICAgICk7CgogICAgLy8gSW5pdGlhbGx5IGhpZGUgYm90aCB0aGUgaGludCBhbmQgc29sdXRpb24gYmxvY2tzCiAgICBoaWRlQmxvY2sxKCdoaW50LWJsb2NrMScpOwogICAgaGlkZUJsb2NrMSgnc29sdXRpb24tYmxvY2sxJyk7CiAgfQoKICAvLyBDb3B5IEJ1dHRvbiBoYW5kbGVyCiAgY29uc3QgaGFuZGxlQ2xpY2sxID0gY29kZUJsb2NrID0+IHsKICAgIGNvbnN0IHRleHRhcmVhID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoY29kZUJsb2NrKTsKICAgIGNvbnN0IGNvcGllZFRleHQgPSB0ZXh0YXJlYS52YWx1ZTsKCiAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChjb3BpZWRUZXh0KTsKCiAgICBOb3RpZmxpeC5Ob3RpZnkuU3VjY2VzcygnQ29waWVkIHRvIGNsaXBib2FyZCEnLCB7CiAgICAgIHRpbWVvdXQ6IDIwMDAsCiAgICAgIHdpZHRoOiAnMjYwcHgnLAogICAgICBwb3NpdGlvbjogJ2NlbnRlci10b3AnLAogICAgICB0ZXh0Q29sb3I6ICcjZmY1NTQ5JywKICAgIH0pOwogIH07CgogIC8vIEZ1bmN0aW9uIHRvIHRvZ2dsZSB0aGUgdmlzaWJpbGl0eSBvZiBhIGJsb2NrCiAgY29uc3QgdG9nZ2xlQmxvY2sxID0gYmxvY2tJZCA9PiB7CiAgICBjb25zdCBibG9jayA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKGJsb2NrSWQpOwoKICAgIGlmIChibG9jay5zdHlsZS5kaXNwbGF5ID09PSAnbm9uZScgfHwgYmxvY2suc3R5bGUuZGlzcGxheSA9PT0gJycpIHsKICAgICAgaGlkZUJsb2NrMSgnaGludC1ibG9jazEnKTsKICAgICAgaGlkZUJsb2NrMSgnc29sdXRpb24tYmxvY2sxJyk7CiAgICAgIHNob3dCbG9jazEoYmxvY2tJZCk7CiAgICB9IGVsc2UgewogICAgICBoaWRlQmxvY2sxKGJsb2NrSWQpOwogICAgfQogIH07CgogIC8vIEZ1bmN0aW9uIHRvIHNob3cgYSBibG9jawogIGNvbnN0IHNob3dCbG9jazEgPSBibG9ja0lkID0+IHsKICAgIGNvbnN0IGJsb2NrID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoYmxvY2tJZCk7CiAgICBibG9jay5zdHlsZS5kaXNwbGF5ID0gJ2Jsb2NrJzsKICB9OwoKICAvLyBGdW5jdGlvbiB0byBoaWRlIGEgYmxvY2sKICBjb25zdCBoaWRlQmxvY2sxID0gYmxvY2tJZCA9PiB7CiAgICBjb25zdCBibG9jayA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKGJsb2NrSWQpOwogICAgYmxvY2suc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICB9OwoKICBjb25zdCBpbWdFbGVtZW50MSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycpOwogIGltZ0VsZW1lbnQxLnNyYyA9ICdub25leGlzdGVudC1pbWFnZSc7CiAgaW1nRWxlbWVudDEuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICBpbWdFbGVtZW50MS5vbmVycm9yID0gb25QYWdlTG9hZDE7CgogIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoaW1nRWxlbWVudDEpOwo8L3NjcmlwdD4=

This section contains a variety of buttons, each designed to perform a specific function.

This section provides auxiliary tools that support content formatting and data manipulation.

This section contains additional features and tools designed to provide enhanced functionality.

This section contains various text box elements.

Please don't use any elements from this section, as it doesn't provide any value for the content development. Thank you!

Please note that the elements in this section are deprecated and no longer recommended for use. It would be best to avoid using them moving forward. Thank you!

Test UI Features

+ (deprecated) Scala Hint/Solution with Copyable & Highlighted Code

Source Code