# Uppgift 

En abstrakt klass kallad ``Shape`` har skapats åt dig. Den innehåller två abstrakta metoder: ``calculateArea()`` och ``calculatePerimeter()``. Din uppgift är att implementera två klasser: ``Rectangle`` och ``Circle``. Du ska ärva dessa klasser från den abstrakta klassen ``Shape`` och **överskrida** dess metoder.
Här är en kort vägledning:

* För klassen ``Circle`` behöver du fält som `radius`, och för klassen `Rectangle` behöver du fält som `width` och `height`. Dessa fält och deras konstruktorer är **redan tillhandahållna åt dig**. Använd dessa fält när du överskrider metoderna.

* Om du inte har starka kunskaper i geometri, här är en snabb referens med de formler du behöver använda:
   *  Cirkelns area: **Pi * radius * radius**;
   * Cirkelns omkrets: **2 * PI * radius**;
   * Rektangelns area: **width * height**;
   * Rektangelns omkrets: **2 * (width + height)**.

För att använda värdet av π (PI), använd ``Math``-biblioteket. Du kan använda ``Math.PI`` för att komma åt värdet 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')">
    Ledtråd
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Lösning
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Använd <code>@Override</code> -annoteringen för att överskrida båda metoderna från den
    abstrakta klassen <code>Shape</code>: <code>calculateArea()</code> och
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    För <code>Circle</code>, använd <b>formlerna jag nämnde ovan</b>.
    För att komma åt värdet av π, använd <code>Math.PI</code>.
  </li>
  <li>Använd syntaxen <code>return "formula to calculate";</code>.</li>
  <li>
    Klicka på knappen <b>Kör tester</b> för att kontrollera om din lösning är korrekt.
  </li>
</div>

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

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

// Rectangle-klass:
@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 behärskar OOP kan programmera väl. Det är vad många programmerare säger. Förbered dig för en viktig del av din Java-inlärningsresa, där du genom att bemästra detta område avsevärt kommer att förbättra dina programmeringskunskaper generellt. Du kommer att lära dig att effektivt använda Java-utvecklingsmiljön, principerna för objektorienterad programmering (OOP) samt bästa praxis inom OOP. Du kommer att göra din kod flexibel och fördjupa dina kunskaper om tidigare behandlade ämnen. Låt oss börja!


Nu kan vi äntligen börja lära oss objektorienterad programmering (OOP) i Java. Det kommer att vara utmanande, men jag är övertygad om att du kommer att lyckas! I detta avsnitt går vi igenom alla principer för OOP och förklarar varför OOP är viktigt. Du kommer att lära dig hur man ärver klasser, överlagrar och överskuggar metoder, kapslar in data från andra klasser samt arbetar med abstraktion. Dessutom kommer du att förstärka alla dessa teoretiska koncept med praktiska övningar och arbeta med uppgifter i din IDE. Du får omfattande kunskaper, både praktiska och teoretiska, så låt oss börja!

I föregående avsnitt konstaterade vi att all objektorienterad programmering huvudsakligen bygger på abstraktion. En abstrakt klass har dock en betydande begränsning – du kan endast ärva från en abstrakt klass. Men vad händer om vi behöver mer?
Här kommer gränssnitt till undsättning. I detta avsnitt får du lära dig vad ett gränssnitt är, varför det är nödvändigt, hur det används korrekt, och du fortsätter att öva på objektorienterad programmering. Låt oss göra dig till ett proffs!

Utmaning: Abstraktion

Uppgift

Awesome!

Utmaning: Abstraktion

Uppgift