Chào mừng bạn đến với việc tạo một máy tính đơn giản trong bích họa JavaScript

Trong loạt bài này, chúng ta sẽ tạo một máy tính đơn giản với HTML, CSS và JavaScript cơ bản. Máy tính của chúng tôi sẽ chỉ có thể thực hiện các phép toán cơ bản. cộng, trừ, nhân và chia. Để hiểu rõ hơn về hướng dẫn này, bạn cần có một chút kiến ​​thức về HTML và CSS

Nếu bạn chưa biết chúng, không cần phải lo lắng. Tôi đã đơn giản hóa hướng dẫn này tốt nhất có thể, vì vậy bạn sẽ tồn tại. ]

Vì vậy, chính xác những gì chúng ta cần để xây dựng này?

Như bạn có thể đã đoán, chúng ta sẽ cần tạo các “nút” để nhập các giá trị và một màn hình để hiển thị các giá trị này

Vâng, về cơ bản, đó là nó

Nhưng nói một cách dễ hiểu hơn, đây là những thành phần chúng ta cần

· Khu vực hiển thị để hiển thị toán tử, toán hạng và giải pháp

· Các nút nhập giá trị vào màn hình hiển thị

Trực quan, một máy tính là một bảng được đặt trong một thùng chứa. Và như bạn đã biết bảng được tạo thành từ các hàng và cột với các ô để chứa dữ liệu bảng

Bây giờ bạn đã có các khái niệm, hãy bắt đầu

Đây là định dạng cơ bản cho tài liệu HTML

               

Nếu bạn chưa hiểu cách triển khai các tập lệnh HTML, bạn nên xem hướng dẫn ngắn này

Phần hiển thị của trang web đi vào thẻ

0

Trước khi tôi tiếp tục, điều cần thiết là bạn phải hiểu một số thuật ngữ HTML [từ ưa thích] chẳng hạn như thẻ, thuộc tính và thành phần

thẻ. Thẻ là các nhãn cơ bản xác định và phân tách các phần đánh dấu của bạn thành các phần tử. Chúng bao gồm một từ khóa được bao quanh bởi dấu ngoặc nhọn

1. Nội dung nằm giữa hai thẻ và thẻ đóng có tiền tố là dấu gạch chéo [Lưu ý. có một số thẻ HTML tự đóng, như thẻ hình ảnh]

Thuộc tính. Thuộc tính của phần tử HTML được sử dụng để cung cấp hướng dẫn bổ sung cho thẻ HTML đã cho. Thuộc tính được chỉ định trong thẻ HTML mở

yếu tố. Một phần tử HTML thường bao gồm thẻ mở và thẻ kết thúc, với nội dung được chèn vào giữa

This is a paragraph.

Đồng ý. Đủ với những điều cơ bản. Nhảy đi

Điều đầu tiên đi vào nội dung HTML của chúng ta là thành phần biểu mẫu

2

3 Sau khi nó được tạo, một thuộc tính có tiêu đề “tên”, với giá trị, máy tính, sau đó sẽ được thêm vào thẻ biểu mẫu mở

________số 8_______

Phần tử

4 đóng vai trò là trình bao bọc [vùng chứa] cho bảng sẽ chứa các thành phần chính của máy tính

Được rồi, tiếp theo là gì?

Tiếp theo, chúng ta cần tạo bảng

Vậy bàn là gì?

Xin thứ lỗi cho nỗ lực kém cỏi của tôi trong việc pha trò

Các bảng HTML cho phép các nhà thiết kế web sắp xếp dữ liệu như văn bản, hình ảnh, liên kết, các bảng khác, v.v. thành hàng và cột của ô. Chúng được tạo bằng cách sử dụng thẻ

5 trong đó thẻ

6 được sử dụng để tạo các hàng của bảng và thẻ

7 được sử dụng để tạo các ô dữ liệu

Nhân tiện, hàng là hàng ngang và cột là hàng dọc

Nói đủ rồi, hãy viết mã ngay bây giờ

Bên trong thẻ mở và thẻ đóng

2, chúng ta cần tạo một phần tử bảng

                              

Đó là một làn gió, phải không?

TẬP TRUNG

Bên trong thẻ

5, chúng ta cần xác định các hàng của bảng

6 về cơ bản sẽ là phần nằm ngang của máy tính và dữ liệu của bảng

7 [ô cột của bảng] chứa màn hình máy tính và các nút

Phần ngang đầu tiên của máy tính của chúng tôi là chứa màn hình hiển thị

Phần ngang thứ hai là để chứa bộ nút đầu tiên. Cái đầu tiên là

2, cái thứ hai là

3, cái thứ ba là

4 và cái thứ tư là dấu cộng

5

Phần ngang thứ ba cũng chứa các nút. Cái đầu tiên là

6, cái thứ hai là

7, cái thứ ba là

8 và cái thứ tư là dấu trừ

9

khác tiết diện ngang?

Hãy viết mã

                     

Đó là phần nằm ngang đầu tiên, chứa khu vực hiển thị của máy tính

Chào. Không cần cuộn lên. Bạn nói đúng, tôi chưa nói về yếu tố

This is a paragraph.

0 và mọi thứ khác ở giữa

Vậy phần tử

This is a paragraph.

1 là gì?

Một yếu tố đầu vào là một yếu tố hình thức - yếu tố quan trọng nhất tại đó. Phần tử đầu vào có thể được hiển thị theo nhiều cách, tùy thuộc vào thuộc tính

This is a paragraph.

2. Nếu bạn đang theo sát, tôi cá là bạn đang thắc mắc tại sao thuộc tính loại của chúng tôi

This is a paragraph.

3 được đặt thành văn bản chứ không phải số

Đây là câu trả lời của bạn, một máy tính không chỉ hiển thị các số mà còn hiển thị các toán tử. Vì vậy, thuộc tính loại phải được đặt thành văn bản để chứa cả số và ký hiệu [toán tử]

Đối với hướng dẫn này, tôi sẽ không nói về thuộc tính id và class thực sự là gì và chúng được sử dụng như thế nào.

Cuối cùng, đối với phần ngang đầu tiên, có thuộc tính bị vô hiệu hóa. Thuộc tính

This is a paragraph.

4 là thuộc tính

This is a paragraph.

5. Khi xuất hiện, nó chỉ định rằng phần tử

This is a paragraph.

6 sẽ bị vô hiệu hóa. Phần tử đầu vào

This is a paragraph.

4 không sử dụng được và không thể nhấp được. Điểm làm cho yếu tố đầu vào của chúng tôi bị vô hiệu hóa là làm cho nút máy tính trở thành cách duy nhất người dùng có thể gửi văn bản tới màn hình. Chúng tôi không muốn người dùng nhập bảng chữ cái ngẫu nhiên trong khu vực hiển thị, phải không?

Bây giờ, phần ngang thứ hai

Ở đây, có bốn cột ô của bảng. Vì vậy, chúng tôi phải sử dụng thẻ dữ liệu bảng

7 bốn lần để xác định chúng

                     



Chủ Đề