WEB PROGRAMMING DEMO

Hello Calculator

HTML CSS JavaScript

MVP v1.1

Học bằng cách quan sát

Nhấn phím và theo dõi chuỗi Event → State → Render → DOM ở bảng Developer / Learning bên dưới.

Calculator

 
0

Bàn phím: 0–9 + - * / . % Enter Backspace Esc · F9 đổi dấu

Lịch sử

Chưa có phép tính nào. Kết quả sau mỗi lần nhấn = sẽ hiện ở đây.

    Nhấn một dòng để dùng lại kết quả. Lưu trong localStorage nên còn sau khi tải lại trang.

    Developer / Learning Panel
    Event
    init
    Value
    —
    currentInput
    "0"
    firstOperand
    null
    operator
    null
    waitingForOperand
    false
    justCalculated
    false
    history.length
    0
    render()
    0

    Bảng này chỉ để phục vụ giảng dạy. Nó cho thấy trạng thái JavaScript thay đổi sau mỗi thao tác, và render() được gọi bao nhiêu lần.

    HTML = cấu trúc CSS = trình bày JS = hành vi DOM = giao diện đang sống