Tạo một hàm đơn giản với các tham số và sử dụng toán tử + để thêm hai hoặc nhiều số trong hàm JavaScript. Đoạn mã này được sử dụng để tìm tổng của hai số số nguyên bằng hàm JavaScript. Hãy cùng xem mã ví dụ HTML:-- Output::
function add[]{
const num1 = 5;
const num2 = 3;
// add two numbers
const sum = num1 + num2;
// display the sum
console.log['The sum of ' + num1 + ' and ' + num2 + ' is: ' + sum];
}
// call function
add[];
Thêm hai số với tham số
function sum[a, b]{
var c = a+b;
return c;
}
alert[sum[2,2]];
Thêm hai số được nhập bởi người dùng
Thêm hai số nguyên và hiển thị kết quả trong TextBox với JavaScript.
submit
function submit1[]{
var a = document.getElementById["number1"].value;
var b = document.getElementById["number2"].value;
var c = parseInt[a] + parseInt[b];
document.getElementById["result"].innerHTML="Sum of number is:" + c;
}
Output::
Hãy bình luận nếu bạn có bất kỳ nghi ngờ nào về chủ đề và mã này. Gợi ý luôn được chào đón.
Lưu ý: & nbsp; The & nbsp; tất cả các ví dụ JS & nbsp; is & nbsp; được kiểm tra trên trình duyệt firefox và trình duyệt Chrome. The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
Hệ điều hành: & nbsp; windows 10Windows 10
Mã: Phiên bản HTML 5
Bằng cấp về Khoa học máy tính và Kỹ sư: Nhà phát triển ứng dụng và có nhiều ngôn ngữ lập trình kinh nghiệm. Sự nhiệt tình cho công nghệ và thích học kỹ thuật.
Trong bài viết này, bạn sẽ học và nhận mã khi thêm hai số trong JavaScript. Chương trình được tạo theo các cách sau:
- Mã JavaScript đơn giản để thêm hai số
- Thêm hai số vào một trang web
- Thêm hai số bằng biểu mẫu và Texbox
- Nhận đầu vào từ từng người dùng một
Thêm hai số trong JavaScript
Dưới đâ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 trên của mã JavaScript. Giá trị 10 được khởi tạo thành Numone. Vì vậy, numone = 10. Và giá trị 20 được khởi tạo thành NUMTWO. Vì 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, sum = 30, đó là việc bổ sung hai số được lưu trữ trong numone và numtwo10 gets initialized to numOne. So numOne=10. And the value 20 gets initialized to numTwo. So numTwo=20. Now the statement, numOne+numTwo or 10+20 or 30 gets initialized to sum. So sum=30, which is the addition of two numbers stored in numOne and numTwo
Trên cùng một khái niệm như đã đề cập ở trên, tôi sẽ tạo một mã JavaScript khác cũng bổ sung hai số và hiển thị kết quả dưới dạng đầu ra HTML.
JavaScript Thêm hai số trong HTML
Dưới đây là chương trình JavaScript thêm hai số và hiển thị kết quả bổ sung trong trang web bằng HTML:
doctype html> Add Two Numbers var numOne = 10; var numTwo = 20; var sum = numOne+numTwo; document.write["Sum = " + sum];
Lưu mã này trong một tệp với tiện ích mở rộng .html. Mở tệp trong trình duyệt web. Đây là đầu ra bạn sẽ thấy:.html extension. Open the file in a web browser. Here is the output you will see:
LƯU Ý - Phương thức tài liệu.write [] ghi giá trị được truyền trong niềng răng của nó [], vào đầu ra HTML.The document.write[] method writes the value passed in its braces [], into an HTML output.
JavaScript Thêm hai số bằng biểu mẫu và hộp văn bản
Đây là chương trình thực tế để thêm hai số trong JavaScript bằng biểu mẫu và hộp văn bản. Vì chương trình này cho phép người dùng nhập dữ liệu. Trên cơ sở đầu vào người dùng, mã JavaScript hoạt động để đưa ra kết quả bổ sung
doctype html> function add[] { var numOne, numTwo, sum; numOne = parseInt[document.getElementById["first"].value]; numTwo = parseInt[document.getElementById["second"].value]; sum = numOne + numTwo; document.getElementById["answer"].value = sum; } Enter the First Number: Enter the Second Number: Add Sum =
Dưới đây là chạy mẫu của nó với đầu vào của người dùng, 40 là số thứ nhất và 50 là số thứ hai:40 as first number and 50 as second number:
Khi người dùng nhấp vào nút, thêm, sau đó một hàm có tên thêm [] được gọi. Và tất cả các câu lệnh của chức năng này được thực thi. Tuyên bố sau đây:Add, then a function named add[] gets called. And all the statements of this function gets executed. The following statement:
numOne = parseInt[document.getElementById["first"].value];
nói rằng, giá trị int [số nguyên] của phần tử HTML có ID đầu tiên được khởi tạo thành numone. Và tuyên bố:int [integer] value of an HTML element whose id is first gets initialized to numOne. And the statement:
document.getElementById["answer"].value = sum;
nói rằng, giá trị của tổng được in thành phần tử HTML có ID, Trả lời.sum gets printed to an HTML element with id, answer.
Đầu ra trực tiếp của chương trình trước
Và đây là đầu ra trực tiếp của mã JavaScript trên khi thêm hai số:
Nhập số đầu tiên:
Nhập số thứ hai:
SUM =
Nhận đầu vào của người dùng từng cái một
Chúng ta hãy tạo một chương trình JavaScript thú vị hơn thực hiện công việc tương tự như chương trình trước đó, đó là nhận được hai số từ người dùng và đưa ra kết quả bổ sung của nó.
Chương trình này nhận được đầu vào từ người dùng theo cách mà người dùng được phép nhập mỗi lần.
doctype html> var numOne, numTwo, sum; function getFirNum[] { numOne = parseInt[document.getElementById["first"].value]; if[numOne] { temp = document.getElementById["paraOne"]; temp.style.display = "none"; temp = document.getElementById["paraTwo"]; temp.style.display = "block"; } } function getSecNum[] { numTwo = parseInt[document.getElementById["second"].value]; if[numOne && numTwo] { temp = document.getElementById["paraOne"]; temp.style.display = "none"; temp = document.getElementById["paraTwo"]; temp.style.display = "none"; sum = numOne + numTwo; temp = document.getElementById["paraThree"]; temp.style.display = "block"; document.getElementById["res"].innerHTML = sum; } } Enter First Number: Enter Enter Second Number: Add Sum =
Dưới đây là ảnh chụp nhanh hiển thị đầu ra ban đầu được tạo bởi chương trình JavaScript trên khi thêm hai số được nhập bởi người dùng:
Bây giờ nhập số đầu tiên nói 50 và nhấp vào nút Enter. Đây là đầu ra sau khi thực hiện điều này:50 and click on Enter button. Here is the output after performing this:
Bây giờ nhập số thứ hai nói 40 và nhấp vào nút Thêm. Dưới đây là đầu ra cho thấy kết quả bổ sung của hai số đã nhập:40 and click on Add button. Here is the output that shows the addition result of entered two numbers:
Mã sau:
là mã CSS, ẩn một phần tử HTML nơi nó được bao gồm. Bởi vì nó được bao gồm trong thẻ P [đoạn] có ID là paratwo, vì vậy đoạn này được ẩn ban đầu. Mã JavaScript sau:p [paragraph] tag whose id is paraTwo, so this paragraph gets hidden initially. The following JavaScript code:
temp.style.display = "block";
nói rằng, một phần tử HTML có ID được lưu trữ trong biến TEMP, có thể nhìn thấy sau khi thực hiện câu lệnh này. Và tuyên bố sau:temp variable, gets visible after executing this statement. And the following statement:
function sum[a, b]{
var c = a+b;
return c;
}
alert[sum[2,2]];
0hoạt động giống như trước. Sự khác biệt duy nhất là, câu lệnh này che giấu một phần tử HTML. Và mã JavaScript:
function sum[a, b]{
var c = a+b;
return c;
}
alert[sum[2,2]];
1nói rằng, nội dung của phần tử HTML với ID Res được thay thế bằng giá trị tổng.res gets replaced with the value of sum.
Đầu ra trực tiếp của chương trình trước
Và đây là đầu ra trực tiếp của mã JavaScript trên khi thêm hai số:
Nhập số đầu tiên:
Nhập số thứ hai: Next Program »