Chúng ta có thể thêm hai số trong HTML không?

Trong bài viết này, bạn sẽ học và lấy mã phép cộng hai số trong JavaScript. Chương trình được tạo ra theo các cách sau

• Mã JavaScript đơn giản để cộng hai số
• Thêm hai số trong một trang web
• Thêm hai số bằng Biểu mẫu và Hộp văn bản
• Nhận đầu vào từ người dùng từng cái một

Thêm hai số trong JavaScript

Đây là mã JavaScript đơn giản nhất để thêm hai số

var numOne = 10;
var numTwo = 20;
var sum = numOne+numTwo;

Như bạn có thể thấy từ ba dòng mã JavaScript ở trên. Giá trị 10 được khởi tạo thành numOne. Vậy numOne=10. Và giá trị 20 được khởi tạo thành numTwo. Vậy numTwo=20. Bây giờ câu lệnh, numOne+numTwo hoặc 10+20 hoặc 30 được khởi tạo thành tổng. Vì vậy, tổng = 30, là phép cộng của hai số được lưu trữ trong numOne và numTwo

Với khái niệm tương tự như đã đề cập ở trên, tôi sẽ tạo một mã JavaScript khác cũng thêm hai số và hiển thị kết quả dưới dạng đầu ra HTML

JavaScript Thêm hai số trong HTML

Đây là chương trình JavaScript cộng hai số và hiển thị kết quả cộng trong trang web bằng HTML

Add Two Numbers

Lưu mã này vào một tệp có. phần mở rộng html. Mở tệp trong trình duyệt web. Đây là đầu ra bạn sẽ thấy

Hướng dẫn này trình bày cách nhận hai đầu vào từ người dùng trong trang HTML và có một nút trên trang để gọi phương thức javascript để xử lý đầu vào và thay đổi đầu ra câu trả lời trên trang web

Trong HTML, có các thẻ đầu vào cho phép người dùng nhập dữ liệu được chuyển đến phương thức javascript để xác thực đầu vào (ví dụ: diễn đàn đăng ký) hoặc chuyển dữ liệu trở lại máy chủ (sau khi quá trình xác thực diễn ra nếu được yêu cầu)

Giá trị đầu vào 1 được định nghĩa là
giá trị 1 =
the input type is text, which means any textual value, [A-Z]*[0-9]* but in this case since just adding integers [0-9] would be the required input.
Id dùng để nhận giá trị từ đầu vào bằng cách sử dụng tài liệu javascript. getElementById, giá trị là để thiết lập giá trị mặc định.

Hàm trong javascript, addNumbers() sẽ nhận giá trị được chèn1 bằng cách sử dụng đối tượng tài liệu javascript. Trong đối tượng này có một phương thức được gọi là getElementById trả về đối tượng, lần lượt sử dụng phương thức này. giá trị của đối tượng được trả về có thể được chuyển đến parseInt (chuyển đổi giá trị chuỗi thành giá trị số nguyên). Phương pháp tương tự được sử dụng cho đầu vào câu trả lời trong trang web (getElementById) nhưng gán đối tượng trả về cho một biến cho phép truy cập vào. value để đặt giá trị trên trang web