Hướng dẫn calculations in html - tính toán trong html

Nó thường được yêu cầu để tạo một biểu mẫu trực tuyến có thể tính toán tổng số. Dưới đây là một hình thức tính toán HTML đơn giản, nó được cấu trúc giống như một hình thức hóa đơn để bạn có thể sao chép và điều chỉnh. Lưu ý rằng, đơn giản là có nghĩa là dễ hiểu là dễ hiểu. Vì vậy, tôi đã tránh mọi cám dỗ để làm mã nhỏ nhất. Ngoài ra, mã sử dụng một số jQuery để thực hiện tính toán

Nội dung chính ShowShow

• Mã HTML [hàng]
• Xử lý sự kiện
• Tùy chỉnh
• Bạn có thể tính toán trong HTML không?
• Làm thế nào để bạn tích hợp một máy tính trong HTML?
• Bạn có thể bổ sung trong HTML không?
• Làm thế nào một máy tính khoa học sử dụng HTML?

Dưới đây là một hình thức tính toán mẫu. Hãy thử vào trường số lượng. Nó sẽ tự động cập nhật tổng số. Lưu ý rằng giá mặt hàng được tính toán và có thể thay đổi.

Xem Biểu mẫu tính toán HTML đơn giản trên Codepen.

Mã HTML [hàng]

    
        1. Powdered white sugar [cups]
    
    
        
    
    
        
    

Xử lý sự kiện

Tùy chỉnh

Bạn có thể tính toán trong HTML không?

Làm thế nào để bạn tích hợp một máy tính trong HTML?

Bạn có thể bổ sung trong HTML không?

function calculateTotal[]
{
  let unit_price={
    sugar: 22,
    butter: 12,
    eggs: 2,
    vanilla:43    
  };
  let item_price={}
  
  item_price.sugar = [$["#qty_sugar"].val[] * unit_price.sugar ]
  $["#price_sugar"].val[item_price.sugar];
  
  ...
  ...
  
}

Làm thế nào một máy tính khoa học sử dụng HTML?

Dưới đây là một hình thức tính toán mẫu. Hãy thử vào trường số lượng. Nó sẽ tự động cập nhật tổng số. Lưu ý rằng giá mặt hàng được tính toán và có thể thay đổi.

Xem Biểu mẫu tính toán HTML đơn giản trên Codepen.

Mã HTML ở trên tạo ra một hàng ở dạng hóa đơn. Lưu ý các thuộc tính ID của các trường số lượng và đơn giá.

  let total = item_price.sugar + item_price.butter + item_price.eggs + item_price.vanilla;

Phần còn lại của các hàng được thêm vào tương tự chỉ ID của các trường được thay đổi

$["#total_value"].text[total];

Bây giờ chúng ta hãy xem số học đằng sau tính toán này: Người dùng chỉ có thể nhập số lượng của các mục. Chúng tôi tính giá của mỗi mục bằng cách nhân:

Xử lý sự kiện

Tùy chỉnh

$[function[]
 {
    $[".qty"].on["change keyup",calculateTotal]
}]

Tùy chỉnh

Bạn có thể tính toán trong HTML không?

Làm thế nào để bạn tích hợp một máy tính trong HTML?

• Bạn có thể bổ sung trong HTML không?