Mit HTML Ziffernblock in verschiedene Input Felder schreiben.

[tall]

Hallo Zusammen,

ich habe vor (mit HTML&JS) eine Art Stromkosten Rechner zu erstellen.
Die Seite wird auf einem Gerät gezeigt, dass über keine reelle Tastatur verfügt. Darum habe ich mir mit HTML einen Ziffern Block gebaut.
Ich habe 10 Eingabefelder die ausgefüllt werden müssen(alles nur Zahlen).
Nachdem die Eingaben getätigt sind, erscheinen (nach Druck/klick auf Berechnen) zwei Tabellen, mit der Ausgabe des Verbrauchs und der Kosten.
Der Nutzer soll mit dem Ziffern Block seine eingaben machen und eventuell noch von Feld zu Feld springen. (Letzteres ist nicht unbedingt erforderlich da Touchscreen.)

Mein Problem ist jetzt, dass ich nicht genau weiß bzw. es bestimmt einfacher geht als ich es mir gedacht habe.

Ich denke wenn ich es mit "if" Abfragen realisiere, dann wird es sehr schnell aufgebläht und unübersichtlich. (bin auch kein Profi)

kennt jemand vielleicht was schlankeres? Ich habe an onFokus="" oder so was gedacht.

Währe über gute Lösungsansätze sehr Dankbar.

Vielen Dank im Voraus!!!