# Tehtävä

Sinulle on luotu abstrakti luokka nimeltä ``Shape``. Se sisältää kaksi abstraktia metodia: ``calculateArea()`` ja ``calculatePerimeter()``. Tehtävänäsi on toteuttaa kaksi luokkaa: ``Rectangle`` ja ``Circle``. Näiden luokkien tulee periä abstrakti luokka ``Shape`` ja **ylikirjoittaa** sen metodit.

Tässä lyhyt ohjeistus:

* ``Circle``-luokkaa varten tarvitset kentän `radius`, ja `Rectangle`-luokkaa varten kentät `width` ja `height`. Nämä kentät sekä niiden konstruktorit on **jo valmiiksi annettu**. Käytä näitä kenttiä metodien ylikirjoittamisessa.

* Jos geometria ei ole vahvuutesi, tässä ovat tarvittavat kaavat:
   * Ympyrän pinta-ala: **Pi * radius * radius**;
* Ympyrän piiri: **2 * PI * radius**;
   * Suorakulmion pinta-ala: **width * height**;
* Suorakulmion piiri: **2 * (width + height)**.

Voit käyttää π:n (PI) arvoa hyödyntämällä ``Math``-kirjastoa. Käytä ``Math.PI`` saadaksesi π:n arvon.







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


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Käytä <code>@Override</code> -annotaatiota ylikirjoittaaksesi molemmat abstraktin luokan <code>Shape</code>: <code>calculateArea()</code> ja
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Ympyrälle (<code>Circle</code>), käytä <b>yllä mainitsemiani kaavoja</b>.
    π-arvoon pääset käsiksi käyttämällä <code>Math.PI</code>.
  </li>
  <li>Käytä syntaksia <code>return "formula to calculate";</code>.</li>
  <li>
    Napsauta <b>Suorita testit</b> -painiketta tarkistaaksesi ratkaisusi oikeellisuuden.
  </li>
</div>

<div id="solution-block6" class="block solution-styling-block">
  
  <textarea id="code-6" class="language-java">
// Circle-luokka:
@Override
public double calculateArea() {
    return Math.PI * radius * radius;
}

@Override
public double calculatePerimeter() {
    return 2 * Math.PI * radius;
}

// Rectangle-luokka:
@Override
public double calculateArea() {
    return width * height;
}

@Override
public double calculatePerimeter() {
    return 2 * (width + height);
}</textarea>

  <button class="copy-button" onclick="handleClick6('code-6')">
    <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") {
      onPageLoad6();
    }
  });

  function onPageLoad6() {
    var editor = CodeMirror.fromTextArea(document.getElementById("code-6"), {
      lineNumbers: true,
      mode: "text/x-java",
      theme: "dracula",
    });

    // ----------> HIGHLIGHT <----------
    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    // Initially hide both the hint and solution blocks
    hideBlock6("hint-block6");
    hideBlock6("solution-block6");
  }

  // Copy Button handler
  const handleClick6 = (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 toggleBlock6 = (blockId) => {
    const block = document.getElementById(blockId);

    if (block.style.display === "none" || block.style.display === "") {
      hideBlock6("hint-block6");
      hideBlock6("solution-block6");
      showBlock6(blockId);
    } else {
      hideBlock6(blockId);
    }
  };

  // Function to show a block
  const showBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "block";
  };

  // Function to hide a block
  const hideBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "none";
  };
</script>

Ne, jotka hallitsevat OOP:n, osaavat ohjelmoida hyvin. Näin monet ohjelmoijat sanovat. Valmistaudu tärkeään vaiheeseen Java-opinnoissasi, jonka hallitseminen parantaa merkittävästi ohjelmointitaitojasi yleisesti. Opit käyttämään tehokkaasti Java-kehitysympäristöä, olio-ohjelmoinnin (OOP) periaatteita sekä OOP:n parhaita käytäntöjä. Opit tekemään koodistasi joustavaa ja syvennät aiemmin käsiteltyjen aiheiden tuntemusta. Aloitetaan!


Lopulta voimme aloittaa olio-ohjelmoinnin (OOP) opiskelun Javassa. Tämä tulee olemaan haastavaa, mutta olen varma, että onnistut! Tässä osiossa käsitellään kaikki olio-ohjelmoinnin periaatteet ja selitetään, miksi olio-ohjelmointi on tärkeää. Opit luokkien periyttämisen, metodien ylikuormittamisen ja ylikirjoittamisen, tietojen kapseloinnin muilta luokilta sekä abstraktion hyödyntämisen. Lisäksi vahvistat näitä teoreettisia käsitteitä käytännön harjoituksilla, tekemällä tehtäviä IDE:ssäsi. Saat runsaasti sekä käytännön että teoreettista tietoa, joten aloitetaan!

Edellisessä osiossa totesimme, että olio-ohjelmointi perustuu pääasiassa abstraktioon. Abstraktilla luokalla on kuitenkin merkittävä rajoitus – voit periä vain yhdestä abstraktista luokasta. Mutta entä jos tarvitsemme enemmän?
Rajapinnat ratkaisevat tämän ongelman. Tässä osiossa opit, mitä rajapinta on, miksi se on tarpeellinen, kuinka sitä käytetään oikein, ja jatkat olio-ohjelmoinnin harjoittelua. Tehdään sinusta ammattilainen!

Haaste: Abstraktio

Tehtävä

Awesome!

Haaste: Abstraktio

Tehtävä