Style id display

Lesson 7 of 14 in Coddy's DOM Project - Calculator course.

Challenge

Easy

Target ID display:

Set padding to 20px.
Set the font size to 30px.
Set the border to none.
Set text-align to right.
Set the background color and the color of your choice!

Try it yourself

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

All lessons in DOM Project - Calculator

1Introduction

What will you build?

4Make it work

function appendToDisplay

function clearDisplay

function deleteLast

function calculateResult

2Frontend I

Title and class calculator Display input and buttons

Style body

All buttons

3Frontend II

Style class calculator

Style id display Project lesson

Style class buttons

Style class btn

Style class equal