# 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 nimeltä `radius`, ja `Rectangle`-luokkaa varten kentät `width` ja `height`. Nämä kentät sekä niiden konstruktorit on **jo valmiiksi toteutettu**. Käytä näitä kenttiä metodien ylikirjoittamisessa.

* Jos geometrian kaavat eivät ole tuttuja, tässä tarvittavat kaavat:
   * Ympyrän pinta-ala: **Pi * radius * radius**;
   * Ympyrän ympärysmitta: **2 * PI * radius**;
   * Suorakulmion pinta-ala: **width * height**;
   * Suorakulmion ympärysmitta: **2 * (width + height)**.

π:n (PI) arvoa varten käytä ``Math``-kirjastoa. Voit käyttää ``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://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>
    <code>Circle</code>:n kohdalla hyödynnä <b>yllä mainitsemiani kaavoja</b>.
    Käytä π:n arvoon <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 olio-ohjelmoinnin, osaavat ohjelmoida hyvin. Näin monet ohjelmoijat sanovat. Valmistaudu tärkeään vaiheeseen Java-opinnoissasi, jonka hallitseminen parantaa ohjelmointitaitojasi merkittävästi. 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 OOP:n 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, työskennellen tehtävien parissa IDE:ssäsi. Saat runsaasti sekä käytännön että teoreettista osaamista, joten aloitetaan!

Edellisessä osiossa totesimme, että koko olio-ohjelmointi perustuu pääasiassa abstraktioon. Abstraktilla luokalla on kuitenkin yksi 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ä