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:--

Thêm hai số với tham số





    





Output::

Hướng dẫn add two numbers using javascript function - thêm hai số bằng hàm javascript

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.





    



Output::

Hướng dẫn add two numbers using javascript function - thêm hai số bằng hàm javascript

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

Hướng dẫn add two numbers using javascript function - thêm hai số bằng hàm javascript

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>
<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:

Hướng dẫn add two numbers using javascript function - thêm hai số bằng hàm javascript

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>
<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:





    





0

hoạ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:





    





1

nó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 »



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 .