Sử dụng một vài câu lệnh HTML và một chút JavaScript, bạn có thể xây dựng máy tính của riêng mình thực hiện bổ sung. Nhiệm vụ này không khó như dường như vì HTML tạo ra các điều khiển máy tính cho bạn và JavaScript xử lý tất cả các tính toán. Tất cả những gì bạn phải làm là bố trí các điều khiển trên trang web của bạn để họ tạo giao diện người dùng mà bạn mong muốn.
Điều khiển máy tính
Các máy tính thêm số yêu cầu bốn điều khiển cơ bản: hai hộp văn bản để nhập số, hộp văn bản để hiển thị kết quả và nút. Mã HTML sau đây tạo ra bốn điều khiển đó:
+ =
Nút chứa một cuộc gọi đến hàm JavaScript thêm hai số và lưu trữ kết quả trong hộp văn bản thứ ba. Mỗi hộp văn bản yêu cầu giá trị "ID" mà JavaScript sử dụng để có được tham chiếu đến các hộp văn bản.
Logic JavaScript
Các câu lệnh JavaScript sau đây tạo ra ba đối tượng chứa tham chiếu đến ba hộp văn bản:
var box1 = document.getEuityById ["box1"]; var box2 = document.getEuityById ["box2"]; var box3 = document.getEuityById ["box3"];
Sau đó, bạn có thể thêm số vào hai hộp văn bản đầu tiên và lưu trữ chúng trong một biến như "kết quả", như sau:
var result = number [box1.value] + số [box2.value]; box3.innerhtml = result;
Hàm "Số" chuyển đổi các giá trị văn bản được lưu trữ trong các hộp văn bản thành các số mà JavaScript có thể thao tác.
Cách sử dụng
Tải trang máy tính HTML của bạn lên máy chủ web của bạn để bất kỳ ai có quyền truy cập vào Internet đều có thể sử dụng nó. Bạn cũng có thể chạy nó cục bộ trên máy tính của bạn. Sau khi tạo tài liệu HTML của bạn, hãy tìm nó trong Windows Explorer và nhấp đúp vào biểu tượng của nó để hiển thị nó trong trình duyệt web mặc định của bạn. Sau đó, bạn có thể sử dụng máy tính để thêm và trừ các số. Trình duyệt cũng cho phép bạn đánh dấu các trang HTML cục bộ nằm trên ổ cứng của bạn. Lưu trang máy tính của bạn dưới dạng dấu trang để bạn có thể mở nó bất cứ lúc nào và thực hiện các tính toán ngay từ trình duyệt của bạn.
Cải tiến
Bạn không cần phải hiểu các bảng kiểu xếp tầng, hoặc CSS, để tạo một trang web. Tuy nhiên, nếu bạn biết một CSS nhỏ, bạn có thể sử dụng nó tạo ra các điều khiển fancier. Ví dụ, sử dụng các thuộc tính màu sắc và đường viền để thêm các đường viền đầy màu sắc xung quanh các hộp văn bản của bạn. Bạn thậm chí có thể đặt tất cả các điều khiển bên trong điều khiển "Div" và thêm hình nền để máy tính của bạn trông giống như một hình ảnh thật. Nếu bạn cần thêm nhiều số hơn, hãy thêm các hộp văn bản bổ sung vào trang HTML và sửa đổi mã JavaScript để bao gồm các hộp văn bản đó trong tính toán của nó.
0
Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.
Tôi đang cố gắng thêm/trừ từ một số bên trong thẻ nhịp. Đây là Depenent trên một hộp kiểm. Đây là jQuery tôi đang thử:
//If checked
var $newprice = $["#totalprice"].val[] + 299;
$["#totalprice"].text[$newprice];
//If NOT checked
var $newprice = $["#totalprice"].val[] - 299;
$["#totalprice"].text[$newprice];
Nếu tôi kiểm tra hộp, nó sẽ thêm 299, nhưng không được kiểm soát sẽ thay đổi số thành -299.
Khi được hỏi ngày 17 tháng 5 năm 2016 lúc 4:55May 17, 2016 at 4:55
5
Đối với nhịp, bạn cần sử dụng phương thức text[] để có được nội dung không phải val[]. Trong cả hai trường hợp val[] trả về một chuỗi trống. Trong trường hợp đầu tiên chỉ cần kết hợp chuỗi sẽ xảy ra. Trong trường hợp thứ hai, nó sẽ là "" - 231 kết quả -231, trong đó chuỗi trống hoạt động là 0.text[] method to get content not val[]. In both case val[] returns an empty string. In first case just string concatenation will be happen. In second case it will be "" - 231 which results -231, where the empty string act as 0.
Vì vậy, bạn có thể sử dụng text[] với cuộc gọi lại giữ chỉ mục và giá trị cũ, phân tích giá trị cũ và thêm hoặc trừ giá trị và trả về để cập nhật.text[] with callback which hold index and old value, parse the old value and add or subtract value and return it for update.
//If checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] + 299;
}];
//If NOT checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] - 299;
}];
Đã trả lời ngày 17 tháng 5 năm 2016 lúc 4:58May 17, 2016 at 4:58
Pranav C Balanpranav C BalanPranav C Balan
Huy hiệu vàng 111K2323 gold badges160 silver badges181 bronze badges
2
Bạn phải làm điều này trong sự kiện thay đổi của hộp kiểm của bạn:
$[':checkbox'].change[function[] {
if [this.checked] {
//If checked
var $newprice = +$["#totalprice"].text[] + 299;
$["#totalprice"].text[$newprice];
} else {
//If NOT checked
var $newprice = +$["#totalprice"].text[] - 299;
$["#totalprice"].text[$newprice];
}
}];
0
//If checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] + 299;
}];
//If NOT checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] - 299;
}];
//If checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] + 299;
}];
//If NOT checked
var $newprice = $["#totalprice"].text[function[i,v]{
return parseInt[v,10] - 299;
}];
Đã trả lời ngày 17 tháng 5 năm 2016 lúc 5:05May 17, 2016 at 5:05
JaijaiJai
73.5K12 Huy hiệu vàng73 Huy hiệu bạc101 Huy hiệu đồng12 gold badges73 silver badges101 bronze badges
1