Menu
Coddy logo textTech

모든 버튼

Coddy의 DOM 프로젝트 - 계산기 코스 레슨 — 14개 중 5번째.

challenge icon

챌린지

쉬움
  1. 'buttons' div 안에 클래스 이름이 'btn'인 버튼 18개를 생성하세요.
  2. 마지막 버튼에는 'equal' 클래스 이름도 추가하세요!
  3. 각 버튼에 대해 다음 텍스트를 추가하세요. 

     

    버튼 텍스트설명
    C화면 지우기 (Clear Display)
    마지막 문자 삭제 (Delete Last Character)
    /나눗셈 (Division)
    *곱셈 (Multiplication)
    7숫자 7
    8숫자 8
    9숫자 9
    -뺄셈 (Subtraction)
    4숫자 4
    5숫자 5
    6숫자 6
    +덧셈 (Addition)
    1숫자 1
    2숫자 2
    3숫자 3
    0숫자 0
    .소수점 (Decimal Point)
    =결과 계산 (Calculate Result)

직접 해보기

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

DOM 프로젝트 - 계산기의 모든 레슨