Máy tính khoa học sử dụng HTML, CSS

Xin chào các bạn, hôm nay tôi sẽ hướng dẫn các bạn từng bước tạo máy tính khoa học đơn giản của riêng bạn, có thể thực hiện các phép tính chính mà hầu hết các máy tính khác đều làm được. Hãy xem máy tính tuyệt vời bên dưới mà bạn sẽ tạo bằng html, javascript và css. Đúng rồi. Tất cả những gì bạn cần biết chỉ là những điều cơ bản và với một vài dòng mã gọn gàng, bạn có thể tạo máy tính khoa học hoạt động của riêng mình. Vậy hãy bắt đầu

Nhấn vào đây để xem demo

Bước 1. Tạo tệp HTML
     Đừng giật mình bởi kích thước của mã. Ở đây, chúng tôi chỉ tạo một loạt các nút và nhận các giá trị của nó khi chúng được nhấp vào.

Tại thời điểm này, bạn sẽ nhận được một đầu ra như thế này,

Bước 2. JavaScript để thực hiện các hoạt động

Như bạn có thể thấy, ban đầu có một biến toàn cục có tên là cờ được đặt thành 0. Biến này kiểm tra số lần mở ngoặc và đóng để tránh lỗi do dấu ngoặc. Mỗi lần nhấp vào khung mở, cờ sẽ tăng lên và mỗi lần nhấp vào khung đóng, nó sẽ giảm đi để cuối cùng giá trị của nó sẽ trở thành 0

Chúng tôi đang sử dụng các hàm sẵn có của javaScript bất cứ khi nào có thể như cos(), sin(), tan(), sqrt(), log(), v.v. Các hàm này thuộc về đối tượng Math và do đó chúng ta truy cập chúng bằng cách sử dụng nó như thế này “Math. cos()”. Và trong màn hình của máy tính, khi nhấp vào bất kỳ thao tác nào trong số này, nó sẽ hiển thị hàm cùng với đối tượng Toán học như thế này “Math. chức năng()". Tôi biết hiển thị các đối tượng không phải là một cách thực hành tốt nhưng tôi đã thử một số cách có thể và không thể tìm ra mã tốt hơn, vì vậy nếu bất kỳ ai trong số các bạn có giải pháp tốt hơn, hãy để lại nhận xét và tôi sẽ rất vui khi nhận