Cách tốt nhất để học JavaScript là xây dựng các dự án. Nếu bạn muốn trở thành một nhà phát triển web tốt, bạn cần bắt đầu tạo các dự án càng sớm càng tốt. Bạn có thể bắt đầu bằng cách xây dựng các dự án cấp độ mới bắt đầu như máy tính đơn giản, đồng hồ kỹ thuật số hoặc đồng hồ bấm giờ
Nội dung chính Hiển thị
Bạn có thể tạo một máy tính đơn giản bằng cách sử dụng các công nghệ lõi web. HTML, CSS và JavaScript. Máy tính này có thể thực hiện các hoạt động toán học cơ bản như bổ sung, trừ, nhân và chia
Các tính năng của máy tính
Trong dự án này, bạn sẽ phát triển một máy tính sẽ có các tính năng sau
- Nó sẽ thực hiện các hoạt động số học cơ bản như bổ sung, trừ, chia và nhân
- Nó sẽ thực hiện các hoạt động thập phân
- Máy tính sẽ hiển thị Infinity nếu bạn cố gắng chia bất kỳ số nào cho 0. Vô hạn nếu bạn cố gắng chia bất kỳ số nào cho số không
- Nó sẽ không hiển thị bất kỳ kết quả nào trong trường hợp biểu thức không hợp lệ. Ví dụ, 5 + 9 sẽ không hiển thị bất cứ thứ gì
- Xóa tính năng màn hình để xóa màn hình hiển thị bất cứ lúc nào bạn muốn
Mã được sử dụng trong dự án này có sẵn trong kho GitHub và miễn phí để bạn sử dụng theo giấy phép MIT. Nếu bạn muốn xem phiên bản trực tiếp của dự án này, bạn có thể xem bản demo này
Các thành phần của máy tính
Máy tính bao gồm các thành phần sau
Toán tử học. Bổ sung [+], phép trừ [-], phép nhân [*] và phép chia [/]. Phép cộng [+], phép trừ [-], phép nhân [*] và phép chia [/]
Các chữ số và nút thập phân. 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,. . 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,.
Màn hình hiển thị. Nó hiển thị biểu thức toán học và kết quả. Nó hiển thị biểu thức toán học và kết quả
Rõ ràng nút màn hình. Nó xóa tất cả các giá trị toán học. Nó xóa tất cả các giá trị toán học
Nút tính toán [=]. Nó đánh giá biểu thức toán học và kết quả trả về. Nó đánh giá biểu thức toán học và trả về kết quả
Cấu hình thư mục cấu trúc của dự án máy tính
Tạo một thư mục gốc chứa các tệp HTML, CSS và JavaScript. Bạn có thể đặt tên cho các tệp bất kỳ thứ gì bạn muốn. Tại đây thư mục gốc được đặt tên là máy tính. Theo quy định, đặt tên tiêu chuẩn, các tệp HTML, CSS và JavaScript được đặt tên là chỉ mục. html, phong cách. css và script. js tương thích. Máy tính. Theo quy ước đặt tên tiêu chuẩn, các tệp HTML, CSS và JavaScript được đặt tên là chỉ mục. html, phong cách. css và tập lệnh. js tương ứng
Mã HTML
Open file index. html và dán mã HTML sau đây vào máy tính. mục lục. html và dán mã HTML sau cho máy tính
Simple Calculator using HTML, CSS and JavaScript
Dự án này sử dụng một thẻ để tạo cấu trúc tổng thể của máy tính. Thẻ chứa năm hàng đại diện cho năm phần ngang của máy tính. Mỗi hàng có một thẻ tương ứng. Mỗi thẻ chứa các thẻ giữ màn hình hiển thị và các nút của máy tính. thẻ để tạo cấu trúc tổng thể của máy tính. Thẻ chứa năm hàng đại diện cho năm phần ngang của máy tính. Mỗi hàng có một tương ứng