Hướng dẫn how do you do math operations in html? - làm thế nào để bạn thực hiện các phép toán trong html?

Bao nhiêu trái cây?

Trong bảng điều khiển của bạn, hãy để tạo ra hai biến. Một sẽ là số lượng táo chúng tôi có, thứ hai sẽ là số lượng lê.


var apples = 5, pears = 10;

Điều đó tạo ra hai biến số nhưng chỉ có một từ khóa var? Yup, đó là một tốc ký để khai báo và khởi tạo nhiều biến cùng một lúc. Bằng cách sử dụng từ khóa var một lần và tách các biến mới với dấu phẩy, bạn có thể lưu cho mình một số công việc.

Bây giờ, sử dụng hai biến này để tìm ra tổng cộng có bao nhiêu miếng trái cây.


var piecesOfFruit = apples + pears;

Vì vậy, mà mới.

Bạn có thể yêu cầu trình duyệt xử lý tổng số ở bên phải trước khi gán kết quả cho piecesoffruit - và bạn không thêm tên biến, bạn đã thêm các giá trị của các biến. Trình duyệt biết rằng, khi nó nhìn thấy một biến như thế này, bạn muốn làm một cái gì đó với giá trị. Vì vậy, nó đi và nhận được mỗi giá trị biến trước khi thực hiện tổng.

Tổng được gọi là pessionoffruit, không phải là miếng trái cây. Điều này là do tên biến không thể chứa khoảng trắng! Có một bộ quy tắc ở đâu đó về những gì bạn có thể và có thể sử dụng, nhưng bây giờ chỉ cần sử dụng các chữ cái không có khoảng trống.

Tách trái cây

Hãy nói rằng bạn muốn chia trái cây giữa 3 người. Mỗi người nhận được bao nhiêu trái cây?


var piecesForEachPerson = piecesOfFruit / 3;

Cảm ơn trời, chúng tôi có thứ JavaScript này, nếu không bạn cần một máy tính cho cái đó

Bạn có thể sử dụng một dấu gạch chéo phía trước (và /) để chỉ ra sự phân chia: chia điều bên trái cho thứ bên phải.

Ưu tiên & Nhà khai thác

Để thực hiện các khoản tiền, bạn có thể sử dụng các ký hiệu khác nhau: Thêm (Hồi +), trừ (Hồi - -), chia (Hồi /) và nhân (Hồi *,).

Biểu tượng toán học được gọi là toán tử; Đó là, họ hoạt động trên một số dữ liệu. Chúng tôi sẽ gặp nhiều nhà khai thác hơn sau này, nhưng bạn nên biết rằng, giống như trên máy tính, các biểu tượng được thực hiện theo một thứ tự cụ thể, được gọi là người vận hành ưu tiên. Mọi thứ trong ngoặc đơn - đó là những thứ này: Hồi (và và) - được thực hiện trước tiên, sau đó nhân và chia, sau đó bổ sung và trừ.

Dưới đây, một ví dụ, bước qua cách trình duyệt chạy nó:


(10 + 2) / 2 + 4 * 2

Phần trong ngoặc được làm việc đầu tiên. Vì vậy, điều này trở thành…


12 / 2 + 4 * 2

Càng làm việc với


6 + 4 * 2

Sau đó mọi thứ được thực hiện trong thứ tự ưu tiên của nhà điều hành. Nếu nhiều khoản tiền có cùng mức độ ưu tiên thì chúng được đánh giá từ trái sang phải.

Việc nhân lên được ưu tiên cao hơn vì vậy được thực hiện trước tiên, điều này hoạt động với


6 + 8

Điều này được sử dụng để tìm ra giá trị cuối cùng:


14

Whew!

Toán tử nhân (


var piecesOfFruit = apples + pears;
3) nhân số.

document.write(.1 + .2)  // 0.3000000000000004  (instead of 0.3)
document.write(.3 + .6)  // 0.8999999999999999  (instead of 0.9)

Chia

Bạn có thể sử dụng các ngôn ngữ khác cùng với HTML và CSS ở phía máy chủ:

  • PHP
  • Python
  • Java
  • Ruby
  • javascrript (cả phía máy chủ và máy khách)

có thể làm tất cả các toán học và nhiều hơn nữa.

Nhưng nếu bạn đang tính toán các tính năng bố cục, ví dụ như tính toán cho chiều rộng và chiều cao để thêm CSS thì tôi đoán bạn chỉ nên sử dụng JavaScript. Nhưng đọc một chút về hành vi bất ngờ của nó với số thập phân. Vì vậy, bạn không nhận được kết quả sai.


Các toán tử số học JavaScript

Các toán tử số học thực hiện số học trên các số (nghĩa đen hoặc biến).

Nhà điều hànhSự mô tả
+Phép cộng
-Phép trừ
*Phép nhân
**Số mũ (ES2016)
/Phân công
Phần trămMô đun (phần còn lại)
++Tăng
-Giảm dần

Các phép tính toán học

Một hoạt động số học điển hình hoạt động trên hai số.

Hai con số có thể là chữ:

hoặc các biến:

hoặc biểu thức:


Toán tử và toán hạng

Các số (trong một hoạt động số học) được gọi là toán hạng.operands.

Hoạt động (được thực hiện giữa hai toán hạng) được xác định bởi một toán tử.operator.

ThoạiNhà điều hànhThoại
100 +50


Phép cộng

-addition operator (


var piecesOfFruit = apples + pears;
1) adds numbers:


Phép trừ

*subtraction operator (


var piecesOfFruit = apples + pears;
2) subtracts numbers.


Phép nhân

**multiplication operator (


var piecesOfFruit = apples + pears;
3) multiplies numbers.


Số mũ (ES2016)

/division operator (


var piecesOfFruit = apples + pears;
4) divides numbers.


Phân công

Phần trămmodulus operator (


var piecesOfFruit = apples + pears;
5) returns the division remainder.

Mô đun (phần còn lại)quotient and a remainder.

++modulo operation is the remainder of an arithmetic division.


Tăng

-increment operator (


var piecesOfFruit = apples + pears;
6) increments numbers.


Giảm dần

Các phép tính toán họcdecrement operator (


var piecesOfFruit = apples + pears;
7) decrements numbers.


Một hoạt động số học điển hình hoạt động trên hai số.

Hai con số có thể là chữ:exponentiation operator (


var piecesOfFruit = apples + pears;
8) raises the first operand to the power of the second operand.

x ** y tạo ra kết quả tương tự như


var piecesOfFruit = apples + pears;
9:


ưu tiên điều hành

Người vận hành ưu tiên mô tả thứ tự trong đó các hoạt động được thực hiện trong một biểu thức số học.

Là kết quả của ví dụ trên giống như 150 * 3, hay nó giống như 100 + 150?

Là bổ sung hoặc phép nhân được thực hiện đầu tiên?

Như trong toán học trường học truyền thống, phép nhân được thực hiện đầu tiên.

Phép nhân (


var piecesOfFruit = apples + pears;
3) và chia (

var piecesOfFruit = apples + pears;
4) có ưu tiên cao hơn so với bổ sung (

var piecesOfFruit = apples + pears;
1) và phép trừ (

var piecesOfFruit = apples + pears;
2).precedence than addition (

var piecesOfFruit = apples + pears;
1) and subtraction (

var piecesOfFruit = apples + pears;
2).

Và (như trong toán học ở trường), ưu tiên có thể được thay đổi bằng cách sử dụng dấu ngoặc đơn:

Khi sử dụng dấu ngoặc đơn, các hoạt động bên trong dấu ngoặc đơn được tính toán đầu tiên.

Khi nhiều hoạt động có cùng mức độ (như cộng và trừ), chúng được tính toán từ trái sang phải:


Kiểm tra bản thân với các bài tập