JavaScript

Boolean: 

In JavaScript ist der Datentyp "Boolean" ein grundlegender Datentyp, der nur zwei mögliche Werte haben kann: true (wahr) oder false (falsch). Booleans werden häufig in bedingten Anweisungen und logischen Ausdrücken verwendet, um Entscheidungen zu treffen oder Bedingungen zu überprüfen.

const:

In JavaScript steht das Schlüsselwort const für die Deklaration einer Konstanten (einer unveränderlichen Variable). Eine Konstante ist eine Variable, deren Wert nach der Initialisierung nicht mehr geändert werden kann

const konstanteVariable = Wert;

let:

In JavaScript steht das Schlüsselwort let für die Deklaration von Variablen, die ihren Wert ändern können. Im Gegensatz zu const, das für die Deklaration von Konstanten verwendet wird, erlaubt let die Aktualisierung des Wertes einer Variable. Hier ist die grundlegende Syntax für die Verwendung von let.

let konstanteVariable = Wert;

Wenn man den Wet von "konstanteVariable" ändern will:

konstanteVariable = Neuer Wert

var:

In JavaScript wird das Schlüsselwort var verwendet, um Variablen zu deklarieren. Es wurde früher als Hauptmethode zur Deklaration von Variablen verwendet, bevor let und const in ES6 (ECMAScript 2015) eingeführt wurden. 

array:

Ein Array ist eine wichtige Datenstruktur in JavaScript, mit der man eine geordnete Liste von Werten speichern kann. man kann auf die einzelnen Elemente in einem Array über ihren Index zugreifen, wobei der Index bei 0 beginnt.

let zahlen = [1, 2, 3, 4, 5];
let ersteZahl = zahlen[0]; -> auf erste Zahl zugreiffen

push(items) -> fügt ein weiteres Element hinzu
pop() -> entfernt das letze Element im Array
reverse() -> Kehrt das Array um
sort() -> sortiert die Elemente
 

 object:

In JavaScript ist ein Objekt eine komplexe Datenstruktur, die verwendet wird, um verschiedene Werte, Eigenschaften und Funktionen zu speichern und zu organisieren. 

let person = {firstName: "John", lastName: "Doe", age: 30, isStudent: false };

log():

Mit log kann man einen Wert ausgeben (auslogen) und somit ist es sehr hilfreich um den Code zu übewachen

let name = "John";
let age = 30;

console.log("Name:", name, "Alter:", age);

function:

In JavaScript können Funktionen verwendet werden, um Code zu organisieren, wiederzuverwenden und auszuführen. Eine Funktion ist eine benannte Gruppe von Anweisungen, die eine bestimmte Aufgabe oder Operation ausführt.

const nameDerFunktion = () => {}

function meineFunktion (parameter1, parameter2) {
 // Code für die Funktion hier
let ergebnis = parameter1 + parameter2;
return ergebnis; }

strings verbinden +:

let name = "John" + " " + "Doe"; // "John Doe"

rechnen:

let n1 = 6;
let n2 = 12;
let n3 = 16;

n1 = n2 - n3;
n2 = n2 / n1;
n3 = n1 * n2;

let n4 = n1 + n2 + n3;

Math:

Math.random() -> gibt Zufallszahl zwischen 0 & 1
Math.abs( number) -> gibt positive Zahl zurück
Math.round( number ) -> auf ganze Zahl runden
Math.floor( number ) -> rundet auf ganze Zahl ab
Math.ceil( number ) -> rundet auf ganze Zahl auf

Math.random() * 4 -> Zufallszahl zwischen 0 & 4
Math.random()* 4 + 8 -> Zufallszahl zwischen 8 & 12 

.toUpperCase() -> alles gross geschrieben
.toLowerCase() -> alles klein Geschrieben
.trim() -> Lehrzeichen werden entfernt
.lenght -> länge eines Strings/ Array (anzahl Zeichen)
includes(string) -> chekckt ob der eingegebene string vorkommt, result als boolean
toFixed(number) -> kürz die dezimalstellen auf die eingegebene Zahl
toString() -> konvertiert Zahl zu string

Mit DOM ist das HTML Document Object Model einer Webseite gemeint.

createElement() -> neues HTML Element ertellen
getElementByld() -> HTML Element mit bestimmter ID erhalten
getElementsByClassName() -> Alle HTMLElemente mit einer bestimmter Klasse erhalten
getElementsByTagName() -> Alle HTMLElemente mit einem bestimmten Tag erhalten.

innerHTML, innerText, getAttribute, setAttribute, hasAttribute, style, classList (mit add(), remove(), contains()) sind die meist verwenden HTMLElement Methoden

style -> .backgroundColor anstelle von .background-color

document.write() -> text direkt ins DOM schreiben

const div; // Referenz zu einem DIVElement
div.addEventListener("click", (e) => { div.style.backgroundColor = "red"; });

übliche Events:

click -> Der Benutzer klickt auf ein HTML-Element.

mouseover -> Der Benutzer bewegt die Maus über ein HTML-Element.

mouseout -> Der Benutzer bewegt die Maus von einem HTML-Element weg.

keydown -> Der Benutzer drückt eine Tastaturtaste.

focus -> Der focus Event tritt auf, wenn ein Element den Fokus erhält.
Wird meist mit einem Input-Element verwendet.

blur -> Der blur Event tritt auf, wenn ein HTML-Element den Fokus verliert.
Wird meist mit einem Input-Element verwendet.