# Oppgave 

En abstrakt klasse kalt ``Shape`` er opprettet for deg. Den inneholder to abstrakte metoder: ``calculateArea()`` og ``calculatePerimeter()``. Din oppgave er å implementere to klasser: ``Rectangle`` og ``Circle``. Du skal arve disse klassene fra den abstrakte klassen ``Shape`` og **overstyre** dens metoder.
Her er en kort veiledning:

* For klassen ``Circle`` trenger du felt som `radius`, og for klassen `Rectangle` trenger du felt som `width` og `height`. Disse feltene og deres konstruktører er **allerede gitt for deg**. Bruk disse feltene når du overstyrer metodene.

* Hvis du ikke har sterke kunnskaper i geometri, finner du her en rask referanse med formlene du trenger å bruke:
   *  Sirkelareal: **Pi * radius * radius**;
   * Sirkelomkrets: **2 * PI * radius**;
   * Rektangelareal: **width * height**;
   * Rektangelomkrets: **2 * (width + height)**.

For å bruke verdien av π (PI), bruk ``Math``-biblioteket. Du kan bruke ``Math.PI`` for å få verdien av π.







<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')">
    Tips
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Løsning
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Bruk <code>@Override</code> -annotasjonen for å overstyre begge metodene fra
    den abstrakte klassen <code>Shape</code>: <code>calculateArea()</code> og
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    For <code>Circle</code>, bruk <b>formlene jeg nevnte ovenfor</b>.
    For å få tilgang til verdien av π, bruk <code>Math.PI</code>.
  </li>
  <li>Bruk syntaksen <code>return "formula to calculate";</code>.</li>
  <li>
    Klikk på <b>Kjør tester</b> -knappen for å sjekke om løsningen din er korrekt.
  </li>
</div>

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

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

// Rectangle-klasse:
@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>

De som behersker OOP, kan programmere godt. Det sier mange programmerere. Gjør deg klar for en viktig del av din Java-læringsreise, hvor mestring vil styrke dine programmeringsferdigheter betydelig. Du vil lære å bruke Java-utviklingsmiljøet effektivt, prinsippene for objektorientert programmering (OOP) og beste praksis innen OOP. Du vil gjøre koden din fleksibel og utdype kunnskapen om tidligere dekkede emner. La oss komme i gang!


Endelig kan vi begynne å lære om objektorientert programmering (OOP) i Java. Det vil være utfordrende, men jeg er sikker på at du vil lykkes! I denne delen dekker vi alle prinsippene for OOP og forklarer hvorfor OOP er viktig. Du lærer hvordan du arver klasser, overbelaster og overskriver metoder, kapsler inn data fra andre klasser og arbeider med abstraksjon. Videre vil du styrke alle disse teoretiske konseptene med praktiske øvelser, der du jobber med oppgaver i ditt IDE. Du vil tilegne deg mye kunnskap, både praktisk og teoretisk, så la oss komme i gang!

I forrige seksjon konkluderte vi med at all objektorientert programmering hovedsakelig er bygget på abstraksjon. En abstrakt klasse har imidlertid én betydelig begrensning – du kan kun arve fra én abstrakt klasse. Men hva om vi trenger mer?
Her kommer grensesnitt til unnsetning. I denne seksjonen vil du lære hva et grensesnitt er, hvorfor det er nødvendig, hvordan det brukes korrekt, og du vil fortsette å øve på objektorientert programmering. La oss gjøre deg til en profesjonell!

Utfordring: Abstraksjon

Oppgave

Awesome!

Utfordring: Abstraksjon

Oppgave