# Opgave 

En abstrakt klasse kaldet ``Shape`` er blevet oprettet for dig. Den indeholder to abstrakte metoder: ``calculateArea()`` og ``calculatePerimeter()``. Din opgave er at implementere to klasser: ``Rectangle`` og ``Circle``. Du skal lade disse klasser arve fra den abstrakte klasse ``Shape`` og **overskrive** dens metoder.
Her er en kort vejledning:

* For ``Circle``-klassen skal du bruge felter som `radius`, og for `Rectangle`-klassen skal du bruge felter som `width` og `height`. Disse felter og deres konstruktører er **allerede givet til dig**. Brug disse felter, når du overskriver metoderne.

* Hvis du ikke har stærke geometrikundskaber, er her en hurtig reference med de formler, du skal bruge:
*  Cirkelareal: **Pi * radius * radius**;
* Cirkelomkreds: **2 * PI * radius**;
* Rektangelareal: **width * height**;
* Rektangelomkreds: **2 * (width + height)**.

For at bruge værdien af π (PI), skal du benytte ``Math``-biblioteket. Du kan bruge ``Math.PI`` for at få værdien af π.







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


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Brug <code>@Override</code> annoteringen for at overskrive begge metoder fra den
    abstrakte klasse <code>Shape</code>: <code>calculateArea()</code> og
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    For <code>Circle</code>, brug <b>de formler jeg nævnte ovenfor</b>.
    For at få værdien af π, brug <code>Math.PI</code>.
  </li>
  <li>Brug syntaksen <code>return "formula to calculate";</code>.</li>
  <li>
    Klik på knappen <b>Kør tests</b> for at tjekke om din løsning 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>

Dem, der kender OOP, kan programmere godt. Det siger mange programmører. Gør dig klar til en vigtig del af din Java-læringsrejse, hvor mestring vil forbedre dine programmeringsevner betydeligt generelt. Du vil lære at bruge Java-udviklingsmiljøet effektivt, principperne for Objektorienteret Programmering (OOP) og bedste praksis inden for OOP. Du vil lære at gøre din kode fleksibel og uddybe din viden om tidligere dækkede emner. Lad os komme i gang!


Endelig kan vi begynde at lære objektorienteret programmering (OOP) i Java. Det bliver udfordrende, men jeg er sikker på, at du vil få succes! I dette afsnit gennemgår vi alle principperne for OOP og forklarer, hvorfor OOP er vigtigt. Du lærer, hvordan man arver klasser, overbelaster og overskriver metoder, indkapsler data fra andre klasser og arbejder med abstraktion. Derudover styrker du alle disse teoretiske begreber med praktiske øvelser og arbejder med opgaver i dit IDE. Du opnår en stor mængde viden, både praktisk og teoretisk, så lad os komme i gang!

I det foregående afsnit konkluderede vi, at al objektorienteret programmering hovedsageligt er baseret på abstraktion. En abstrakt klasse har dog én væsentlig begrænsning – du kan kun arve fra én abstrakt klasse. Men hvad gør vi, hvis vi har brug for mere?
Her kommer interfaces ind i billedet. I dette afsnit lærer du, hvad et interface er, hvorfor det er nødvendigt, hvordan det bruges korrekt, og du fortsætter med at øve objektorienteret programmering. Lad os gøre dig til en professionel!

Udfordring: Abstraktion

Opgave

Awesome!

Udfordring: Abstraktion

Opgave