Das `<div>`-Element ist nur notwendig, wenn eine farbliche Hervorhebung gewünscht ist (dafür sollten die ["Alert"-Boxen von Bootstrap](https://getbootstrap.com/docs/4.5/components/alerts/) konsistent verwendet werden). Um Markdown innerhalb von HTML-Elementen zu verwenden, muss vor und nach dem Markdown jeweils eine Zeile freigelassen werden. Die Attribute `type="button" class="btn btn-info"` innerhalb des `<summary>`-Tags sind [ein Trick](https://stackoverflow.com/questions/38373842/bootstrap-buttons-inside-list-group-item/38380007), um das Layout eines [Bootstrap-Buttons](https://getbootstrap.com/docs/4.5/components/buttons/) zu verwenden (andere Farben sind möglich).
</div>
</details>
%% Cell type:markdown id: tags:
## Widgets testen
%% Cell type:code id: tags:
```
from ipywidgets import interact
@interact(s = "*", n = (1,100))
def buchstaben(s, n):
print(s * n)
```
%% Cell type:markdown id: tags:
## Zeichen zählen
Die folgende Funktion zählt die Zeichen in den Zellen eines Notebooks:
%% Cell type:code id: tags:
```
# Quelle: https://stackoverflow.com/a/71221024
import json
def chars_markdown(fname, celltype):
"""Gibt die Anzahl Zeichen (ohne Leerzeichen) in den Zellen
vom Typ celltype im Jupyter-Notebook fname zurück."""