appendToDisplay 함수

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

우리는 다음과 같은 네 가지 함수를 만들어야 합니다:

appendToDisplay: 클릭한 숫자나 기호의 값을 화면에 표시합니다
clearDisplay: 화면의 모든 내용을 지웁니다 (C)
deleteLast: 각 숫자나 기호를 삭제합니다 (백스페이스 기능)
calculateResult: 등호 버튼을 클릭한 후, 결과가 생성됩니다.

챌린지

쉬움

'display'에 숫자나 기호를 추가하는 value를 매개변수로 갖는 appendToDisplay 함수를 생성합니다.
이제 함수가 준비되었으므로, 이를 작동시켜야 합니다. ‘C’, '←', ‘=’를 제외한 모든 버튼에 onclick 속성을 사용하고 appendToDisplay(value)를 설정하세요. 아래는 예시입니다:

<button class="btn" onclick="appendToDisplay('/')">/</button>

(오른쪽 상단의 웹사이트를 새로고침하고 숫자를 클릭하여 작동하는지 확인해 보세요!)

직접 해보기

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