Tach!
querySelector("output").innerHTML = ...;
Oder
innerText
.
Ihr denkt schon wieder zu komplex, scheint mir. Habt ihr euch mal angeschaut, welche Umgebung auf der Seite bereits vorliegt? Jedenfalls kein HTML. Wenn ihr nun damit anfangt, die Ausgabe in HTML bringen zu wollen, muss man da erstmal ein HTML-Dokument erstellen. Und dann kommt die nächste Anforderung, dieses statt einfach ebenfalls State of the Art zu gestalten, inklusive Mobile First und barrierefrei und vielleicht soll es auch noch ansprechend aussehen ... Da kommt man vom Hundersten ins Tausendste, und dabei sollen hier erstmal nur die Grundlagen des Programmierens vermittelt werden und nicht gleich alles auf einmal.
Mein Vorschlag würde eher in Richtung Console gehen. Das ist ein Werkzeug, das man als Javascript-Programmierer sowieso kennen sollte. Auch die alert()s wären Kandidaten für das Umschreiben nach console.log(). Man kann das alert() ja einmal zeigen und dann auf die Alternative hinweisen und umschwenken.
Vorgehen im Fehlerfall ist auch so eine Geschichte, die in Tutorials gern unterschlagen wird. Das könnte man da ebenfalls hinzufügen. Man baut einen Syntaxfehler ein, eine weiße Seite erscheint. Und dann die Console einführen, als das Werkzeug, das die Fehlermeldungen ausgibt und auch besser für Debug-Ausgaben geeignet ist.
dedlfix.