Technologie

Wie berechne ich die Fläche eines Rechtecks in JavaScript?

Melden
  1. Grundlagen zur Flächenberechnung
  2. Implementierung in JavaScript
  3. Verwendung einer Funktion
  4. Interaktive Eingabe in HTML
  5. Zusammenfassung

Grundlagen zur Flächenberechnung

Um die Fläche eines Rechtecks zu berechnen, multipliziert man die Länge mit der Breite. Mathematisch gilt:

Fläche = Länge × Breite. Dieses Prinzip lässt sich einfach in JavaScript umsetzen.

Implementierung in JavaScript

In JavaScript können wir Variablen verwenden, um Länge und Breite zu speichern. Danach multiplizieren wir diese Variablen, um die Fläche zu erhalten. Hier ein Beispiel:

let laenge = 5;let breite = 3;let flaeche = laenge * breite;console.log("Die Fläche des Rechtecks beträgt: " + flaeche + " Quadrat-Einheiten.");

Dieser Code definiert zwei Variablen laenge und breite mit den Werten 5 und 3. Anschließend wird die Fläche berechnet und ausgegeben.

Verwendung einer Funktion

Um flexibler zu sein und die Fläche für verschiedene Rechtecke leicht berechnen zu können, ist es sinnvoll, eine Funktion zu schreiben. So kann man später einfach unterschiedliche Werte übergeben:

function berechneFlaecheRechteck(laenge, breite) { return laenge * breite;}let flaeche1 = berechneFlaecheRechteck(7, 4);console.log("Fläche Rechteck 1: " + flaeche1);let flaeche2 = berechneFlaecheRechteck(10, 2);console.log("Fläche Rechteck 2: " + flaeche2);

Die Funktion berechneFlaecheRechteck nimmt zwei Parameter, multipliziert sie und gibt das Ergebnis zurück. So kann man die Fläche beliebiger Rechtecke berechnen und später weiterverwenden.

Interaktive Eingabe in HTML

Man kann sogar eine einfache Webseite erstellen, die den Benutzer nach Länge und Breite fragt und die Fläche berechnet und anzeigt. Hier ein kleines Beispiel:

<input id="inputLaenge" type="number" placeholder="Länge" /><input id="inputBreite" type="number" placeholder="Breite" /><button onclick="berechneFläche()">Berechne Fläche</button><p id="ergebnis"></p><script>function berechneFläche() { let laenge = parseFloat(document.getElementById("inputLaenge").value); let breite = parseFloat(document.getElementById("inputBreite").value); if (isNaN(laenge) || isNaN(breite) || laenge document.getElementById("ergebnis").textContent = "Bitte gültige positive Zahlen eingeben."; return; } let flaeche = laenge * breite;

document.getElementById("ergebnis").textContent = "Die Fläche des Rechtecks beträgt: " + flaeche;

}</script>

document.getElementById("ergebnis").textContent = "Die Fläche des Rechtecks beträgt: " + flaeche;

Dieses kleine Programm erlaubt es, Werte in zwei Eingabefelder einzugeben, dann die Fläche mit einem Knopfdruck zu berechnen und das Ergebnis anzuzeigen. Dabei wird auch geprüft, ob die Eingaben gültig sind.

Zusammenfassung

Die Berechnung der Fläche eines Rechtecks in JavaScript ist sehr einfach: Länge und Breite werden multipliziert. Variablen speichern die Werte, Funktionen erleichtern das Wiederverwenden, und mit HTML-Elementen kann man interaktive Anwendungen gestalten.

0

Kommentare