30 lines
700 B
HTML
30 lines
700 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<!-- Externes JS einbinden -->
|
|
<script type="module">
|
|
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
|
mermaid.initialize({ startOnLoad: true });
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- ab hier, innerhalb der mermaid-class, einfach den mermaid Code einfügen -->
|
|
<div class="mermaid">
|
|
flowchart TD
|
|
Start([Start])
|
|
Init[summe = 0]
|
|
Schleife{Liste leer?}
|
|
Hole[Hole nächstes Element]
|
|
Addiere[summe += zahl]
|
|
Ende([return summe])
|
|
|
|
Start --> Init --> Schleife
|
|
Schleife -- Nein --> Hole --> Addiere --> Schleife
|
|
Schleife -- Ja --> Ende
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|