Trong bài viết này, chúng tôi sẽ tạo một máy tính bằng HTML với sự trợ giúp của các ví dụ khác nhau. Ở phần đầu của bài viết này, chúng ta sẽ tìm hiểu các khía cạnh cơ bản của HTML. Sau đó, chúng ta sẽ biết cách tạo một máy tính cơ bản bằng HTML

HTML là gì?

Ngôn ngữ đánh dấu siêu văn bản là ngôn ngữ đánh dấu tiêu chuẩn cho các tài liệu được thiết kế để hiển thị trong trình duyệt web. Nó có thể được sử dụng với nhiều công nghệ khác nhau như CSS và các ngôn ngữ kịch bản như JavaScript và PHP

HTML dựa trên văn bản; . Trình soạn thảo văn bản có thể được sử dụng để tạo hoặc chỉnh sửa tệp HTML. Nó được đặt tên với một. phần mở rộng tệp html

Máy tính là gì?

Máy tính là một thiết bị điện tử có khả năng thực hiện các phép tính toán học khác nhau, chẳng hạn như cộng, nhân, trừ, chia, v.v. Công ty Casio đã phát triển máy tính điện tử đầu tiên vào năm 1957. Nó có thể chạy trên nhiều hệ điều hành khác nhau trên máy tính, điện thoại thông minh và máy tính bảng. Chúng tôi có thể tạo một máy tính với sự trợ giúp của các công cụ, ngôn ngữ đang phát triển khác nhau

Hãy lấy một số ví dụ về Máy tính với sự trợ giúp của HTML

ví dụ 1

Giải trình. Trong ví dụ trên, chúng tôi đã tạo một máy tính cơ bản với sự trợ giúp của HTML. Với sự trợ giúp của máy tính này, chúng ta có thể thực hiện một chức năng tính toán thiết yếu như cộng, trừ, nhân, chia, v.v.

Vui lòng sử dụng Máy tính khoa học của chúng tôi trên trang web của bạn. Việc thực hiện ví dụ được hiển thị dưới đây. Có thể thay đổi màu sắc, phông chữ và một số phần nhất định của mã để phù hợp nhất với trang web của bạn

hướng dẫn cài đặt

Để cài đặt, hãy sao chép tất cả mã trong vùng văn bản sau vào mã nguồn html của trang web của bạn. Lưu ý rằng máy tính. net cho phép thay đổi HTML và CSS để làm cho máy tính phù hợp với phong cách trang web của bạn, nhưng không phải bất kỳ JavaScript nào. Xem Điều khoản sử dụng để biết thêm chi tiết

ĐIỀU KHOẢN SỬ DỤNG
BẰNG CÁCH SAO CHÉP MÃ ĐỂ SỬ DỤNG, BẠN ĐỒNG Ý
1. RẰNG TÀI LIỆU ĐƯỢC CUNG CẤP "NGUYÊN TRẠNG" VÀ KHÔNG CÓ BẢO ĐẢM DƯỚI BẤT KỲ HÌNH THỨC NÀO
2. KHÔNG THAY ĐỔI BẤT KỲ MÃ JAVASCRIPT NÀO, BAO GỒM VĂN BẢN GIẤY PHÉP
3. KHÔNG ĐƯỢC XÓA DÒNG VĂN BẢN "được cung cấp bởi máy tính. mạng lưới"
4. RẰNG BẢN QUYỀN THUỘC VỀ MÁY TÍNH. mạng lưới
5. KHÔNG ĐƯỢC BỎ QUA ĐIỀU KHOẢN SỬ DỤNG

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh Git chấp nhận cả tên thẻ và tên nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi không mong muốn. Bạn có chắc chắn muốn tạo nhánh này không?

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 khả thi 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

cờ = 0;
hàm openpara(val)
{
vôi hóa. trưng bày. giá trị+=val;
cờ+=1;
}
hàm closepara(valval)
{
vôi hóa. trưng bày. giá trị+=valval;
cờ-=1;
}
chức năng xóa lùi (calc)
{
kích thước var = calc. trưng bày. giá trị. chiều dài;
vôi hóa. trưng bày. giá trị = tính toán. trưng bày. giá trị. chuỗi con(0,size-1);
}
Chức năng Đặt lại chức năng (calc)
{
vôi hóa. trưng bày. giá trị =” “;

cờ = 0;
}
hàm cos_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. cos(‘;
}
hàm sin_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. tội(';
}
hàm tan_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. tan(‘;
}
hàm log_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. nhật ký (‘;
}
hàm sqrt_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. sqrt(‘;
}
hàm exp_function()
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. exp(‘;
}
thực tế chức năng (x)
{
factvar=1;
cho (i=1;i<=x;i++)
{
factvar=factvar*i;
}
trả về factvar;
}
hàm fact_function(x)
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='fact(';
}
hàm power_function(x)
{
cờ+=1;
vôi hóa. trưng bày. giá trị+='Toán học. pow(x,y’;
}
đánh giá chức năng (máy tính)
{
n = calc. trưng bày. giá trị;
kích thước var = calc. trưng bày. giá trị. chiều dài;
var lastchar = calc. trưng bày. giá trị. ký tự (kích thước)
if(isNaN(lastchar) && lastchar. =”)” && ký tự cuối cùng. =”. ”)   {calc. trưng bày. value=”lỗi cú pháp”;}
khác nếu (cờ. =0){tính toán. trưng bày. giá trị =”lỗi. dấu ngoặc đơn”;}
khác {
kết quả=eval(n);
vôi hóa. trưng bày. giá trị=kết quả;}
}

Bước 3. Làm cho máy tính trông đẹp

Bây giờ phần quan trọng của máy tính của chúng ta đã kết thúc, tất cả phụ thuộc vào css để làm cho nó trông đẹp mắt. Bạn cũng có thể đưa vào một số ý tưởng của riêng mình để làm cho nó trông đẹp hơn

Bạn có thể tạo một máy tính bằng HTML và CSS không?

Làm cách nào để tạo một máy tính khoa học trong HTML?