Skip to content

Commit

Permalink
Fix small formatting issues
Browse files Browse the repository at this point in the history
  • Loading branch information
lukaspanni committed Mar 14, 2024
1 parent 1485f5a commit 8f03686
Showing 1 changed file with 7 additions and 6 deletions.
13 changes: 7 additions & 6 deletions Material/Slides/08_Javascript_Clientseitig.md
Original file line number Diff line number Diff line change
Expand Up @@ -210,7 +210,7 @@ article.innerHTML = "<h1>Neuer Titel</h1>";
const element = document.createElement("h1");
element.textContent = "Neuer Titel";
article = document.getElementByTagName("article")[0];
article.insertBefor(element, article.childNodes[0]);
article.insertBefore(element, article.childNodes[0]);
```

## DOM Manipulation Attribute
Expand Down Expand Up @@ -258,16 +258,15 @@ function handler(event) {
## Event-Handler setzen

- Event-Handler können auch direkt im HTML-Code gesetzt werden
- `onclick`, `onchange`, `onkeyup`, ...
- Attribute `onclick`, `onchange`, `onkeyup`, ...
- `this` ist das auslösende Element
- `event` ist das Event-Objekt

- Solche Vermischung von HTML und JavaScript ist aber nicht empfehlenswert!


## Praxisaufgabe 1

Erweitert die Nachrichtenseite um ein Formular zum schreiben neuer Artikel (mit Titel, Bild und Text). Beim Absenden des Formulars soll ein neuer Artikel auf der Seite eingefügt werden und das Formular geleert werden.
Erweitert die Nachrichtenseite um ein Formular zum Schreiben neuer Artikel (mit Titel, Bild und Text). Beim Absenden des Formulars soll ein neuer Artikel auf der Seite eingefügt werden und das Formular geleert werden.


# `fetch` API
Expand All @@ -294,7 +293,8 @@ Erweitert die Nachrichtenseite um ein Formular zum schreiben neuer Artikel (mit
const websiteResponse = await fetch("https://lukaspanni.de/")
console.log(await websiteResponse.text()); // -> HTML-Code
const apiResponse = await fetch("https://api.github.com/users/lukaspanni")
const apiResponse = await fetch("https://api.github.com
/users/lukaspanni")
const data = await apiResponse.json(); // -> Objekt
console.log(data.location); // -> "Karlsruhe, Germany"
```
Expand Down Expand Up @@ -327,7 +327,8 @@ console.log(data.location); // -> "Karlsruhe, Germany"
const response = await fetch("https://httpbin.org/post", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ name: "Lukas Panni", location: "Karlsruhe" })
body:
JSON.stringify({ name: "Lukas Panni", location: "Karlsruhe" })
});
console.log(await response.json());
Expand Down

0 comments on commit 8f03686

Please sign in to comment.