Wie invertiert man den Eingabetyp = "Text" für Calculator?

Question

Ich mache einen einfachen Rechner mit HTML, CSS und Javascript. Ich möchte die Zahlen auf der rechten Seite des Eingabeelements anzeigen?

Wie kann ich das tun?

Ist ein besserer Eingabetyp für einen Taschenrechner zu verwenden? Ist eine Möglichkeit, die Zahlen nach rechts zu bewegen? Wie ein Taschenrechner?

Vielen Dank!

Answer 1

Ich würde empfehlen, den Eingang type="number" zu verwenden, so dass nur Zahlen eingefügt werden können. Sie können aber auch den Eingang type="text" so verwenden, wie er sein sollte.

Sie können die Anzeige der Zahlen auf der rechten Seite mit text-align:right; in CSS erreichen.

#number1 { 
 
    text-align: right; 
 
}

<input id="number1" type="number" />