Hướng dẫn add two numbers using javascript function - thêm hai số bằng hàm javascript
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:: Thêm hai số được nhập bởi người dùngThêm hai số nguyên và hiển thị kết quả trong TextBox với JavaScript.
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.
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:
Thêm hai số trong JavaScriptDướ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 HTMLDướ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> <html> <head> <title>Add Two Numberstitle> <script> var numOne = 10; var numTwo = 20; var sum = numOne+numTwo; document.write("Sum = " + sum); script> head> <body> body> html> 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> <html> <head> <script> 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; } script> head> <body> <p>Enter the First Number: <input id="first">p> <p>Enter the Second Number: <input id="second">p> <button onclick="add()">Addbutton> <p>Sum = <input id="answer">p> body> html> 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ướcVà đâ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ộtChú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> <html> <head> <script> 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; } } script> head> <body> <p id="paraOne">Enter First Number: <input id="first"> <button onclick="getFirNum()">Enterbutton>p> <p id="paraTwo" style="display:none;">Enter Second Number: <input id="second"> <button onclick="getSecNum()">Addbutton>p> <p id="paraThree" style="display:none;">Sum = <span id="res">span>p> body> html> 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: 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: 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ướcVà đâ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 » Làm thế nào để bạn thêm 2 số vào một hàm?// Xác định chức năng do người dùng xác định. int sum_two (int x, int y) {return x + y; } .... // gọi ra chức năng. sum = sum_two (a, b); // gọi ra chức năng sum = sum_two (a, b); .... // Hiển thị đầu ra. printf ("tổng của hai số: %d", tổng); // hiển thị đầu ra printf ("tổng của hai số: %d", sum) ;. Làm thế nào để bạn thêm bằng cách sử dụng JavaScript?Toán tử gán JavaScript Trình vận hành gán bổ sung ( +=) thêm một giá trị vào một biến.The addition assignment operator ( += ) adds a value to a variable.
Làm thế nào để bạn thêm hai số trong JavaScript bằng HTML?Chương trình JavaScript để thêm hai số với đầu vào của người dùng.. // Lấy đầu vào của người dùng .. var num1 = parseInt (nhắc ("nhập số đầu tiên:")) ;. var num2 = parseInt (nhắc ("nhập số thứ hai:")) ;. // Thêm hai số .. var sum = num1 + num2 ;. // Hiển thị đầu ra .. Bảng điều khiển.log ("tổng của" + num1 + "và" + num2 + "is:" + sum) ;. Có một chức năng Thêm trong JavaScript?Thêm () phương thức Thêm () chèn một phần tử mới với giá trị được chỉ định vào một đối tượng đã đặt, nếu không có phần tử có cùng giá trị đã có trong tập hợp. The add() method inserts a new element with a specified value in to a Set object, if there isn't an element with the same value already in the Set . |