Hàm appendToDisplay

Bài học 11 trên 14 trong khóa học Dự án DOM: Máy tính của Coddy.

Chúng ta cần tạo bốn hàm, gồm:

appendToDisplay: hiển thị giá trị của số hoặc ký hiệu được nhấn
clearDisplay: xóa mọi thứ trên màn hình (C)
deleteLast: xóa từng số hoặc ký hiệu (chức năng xóa lùi)
calculateResult: sau khi nhấn nút bằng, kết quả sẽ hiện ra.

Thử thách

Dễ

Tạo một hàm (function) appendToDisplay có tham số value và thêm các số hoặc ký hiệu vào 'display'.
Giờ hàm đã sẵn sàng, ta cần làm cho hàm hoạt động. Hãy dùng thuộc tính onclick và đặt appendToDisplay(value) cho tất cả các nút, ngoại trừ ‘C’, '←' và ‘='. Dưới đây là ví dụ:

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

(Làm mới trang web ở góc trên bên phải rồi nhấp vào các số để xem hàm có hoạt động không!)

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>