Style ID display

Lektion 7 von 14 im Kurs DOM-Projekt - Taschenrechner von Coddy.

Aufgabe

Einfach

Ziel-ID display:

Setzen Sie das Padding auf 20px.
Setzen Sie die Schriftgröße auf 30px.
Setzen Sie den Rahmen auf none.
Setzen Sie text-align auf right.
Wählen Sie eine Hintergrundfarbe und eine Textfarbe Ihrer Wahl!

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Alle Lektionen in DOM-Projekt - Taschenrechner

1Einführung

Was wirst du bauen?

4Funktionsfähig machen

Funktion appendToDisplay

Funktion clearDisplay

Funktion deleteLast

Funktion calculateResult

2Frontend I

Titel und Klassen-Rechner Input und Buttons anzeigen

Body stylen

Alle Buttons

3Frontend II

Style Klasse calculator

Style ID display Projekt-Lektion

Style Klasse buttons

Style Klasse btn

Style Klasse equal