Hallo Joachim,

Was schlägst Du statt pdf vor?

Text ist immer Text in den passenden semantischen Elementen. Der ist dann von alleine responsiv. Mit CSS kannst du ihn formatieren.

Der Nutzer soll sich eine Aufgabe durch Klick aussuchen,

Ich würde ihm in einer Auswahl verschiedene Aufgabentypen vorschlagen. Wenn er auf den passenden (Radio)-Button klickt, erhält er eine Aufgabe.

Vorteil von JavaScript ist, dass du den Aufgabentext als Text auslieferst und die entsprechenden Werte durch eine Zufallsfunktion bei jeder Runde anders sind und vom Script in die Aufgabe geschrieben werden.
So wie du es machst, ist der Spaß nach 1x vorbei.

Bis bald!
Jonathan