Nếu khác đăng nhập JavaScript

Question

Viết lại if..else bằng nhiều toán tử bậc ba '?'

Nội dung chính Show

Lưu đồ của if-else
câu lệnh if
nếu như. tuyên bố khác
nếu như. khác nếu. tuyên bố
Làm cách nào để tạo thông tin đăng nhập bằng JavaScript?
Làm cách nào để chuyển tên người dùng và mật khẩu trong JavaScript?
Làm cách nào để tạo trang đăng nhập có xác thực trong JavaScript?
Làm cách nào để hạn chế số lần đăng nhập trong JavaScript?

Để dễ đọc, bạn nên chia mã thành nhiều dòng

let message;

if (login == 'Employee') {
  message = 'Hello';
} else if (login == 'Director') {
  message = 'Greetings';
} else if (login == '') {
  message = 'No login';
} else {
  message = '';
}

dung dịch

let message = (login == 'Employee') ? 'Hello' :
  (login == 'Director') ? 'Greetings' :
  (login == '') ? 'No login' :
  '';

Trong khi viết chương trình, có thể xảy ra tình huống bạn cần áp dụng một trong số các đường dẫn đã cho. Trong những trường hợp như vậy, bạn cần sử dụng các câu điều kiện cho phép chương trình của bạn đưa ra quyết định đúng và thực hiện đúng hành động

JavaScript hỗ trợ các câu điều kiện được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau. Ở đây chúng tôi sẽ giải thích nếu. tuyên bố khác

Lưu đồ của if-else

Lưu đồ sau đây cho thấy cách thức hoạt động của câu lệnh if-else

JavaScript hỗ trợ các dạng if sau. tuyên bố khác -

câu lệnh if
nếu như. tuyên bố khác
nếu. khác nếu. tuyên bố

câu lệnh if

Câu lệnh if là câu lệnh điều khiển cơ bản cho phép JavaScript đưa ra quyết định và thực thi các câu lệnh có điều kiện

cú pháp

Cú pháp của câu lệnh if cơ bản như sau -

if (expression) {
   Statement(s) to be executed if expression is true
}

Ở đây một biểu thức JavaScript được đánh giá. Nếu giá trị kết quả là đúng, (các) câu lệnh đã cho được thực thi. Nếu biểu thức sai thì không câu lệnh nào không được thực hiện. Hầu hết thời gian, bạn sẽ sử dụng các toán tử so sánh trong khi đưa ra quyết định

Thí dụ

Hãy thử ví dụ sau để hiểu cách hoạt động của câu lệnh if

Set the variable to different value and then try...

đầu ra

Qualifies for driving
Set the variable to different value and then try...

nếu như. tuyên bố khác

'nếu. câu lệnh khác là dạng câu lệnh điều khiển tiếp theo cho phép JavaScript thực thi các câu lệnh theo cách được kiểm soát nhiều hơn

cú pháp

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

Ở đây biểu thức JavaScript được đánh giá. Nếu giá trị kết quả là đúng, (các) câu lệnh đã cho trong khối 'if', sẽ được thực thi. Nếu biểu thức là sai, thì (các) câu lệnh đã cho trong khối khác sẽ được thực thi

Thí dụ

Hãy thử đoạn mã sau để tìm hiểu cách triển khai câu lệnh if-else trong JavaScript

Set the variable to different value and then try...

đầu ra

Does not qualify for driving
Set the variable to different value and then try...

nếu như. khác nếu. tuyên bố

nếu. khác nếu. câu lệnh là một dạng nâng cao của if…else cho phép JavaScript đưa ra quyết định đúng trong một số điều kiện

cú pháp

Cú pháp của câu lệnh if-else-if như sau:

________số 8_______

Không có gì đặc biệt về mã này. Nó chỉ là một loạt các câu lệnh if, trong đó mỗi câu lệnh if là một phần của mệnh đề khác của câu lệnh trước đó. (Các) câu lệnh được thực thi dựa trên điều kiện đúng, nếu không có điều kiện nào đúng thì khối lệnh khác được thực thi

Câu lệnh

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

1 thực thi một câu lệnh nếu một điều kiện cụ thể là đúng. Nếu điều kiện sai, một câu lệnh khác trong mệnh đề tùy chọn

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

2 sẽ được thực hiện

if (condition)
  statement1

// With an else clause
if (condition)
  statement1
else
  statement2

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

3

Một biểu thức được coi là trung thực hoặc sai

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

4

Tuyên bố được thực hiện nếu điều kiện là true. Có thể là bất kỳ câu lệnh nào, bao gồm cả câu lệnh

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

5 lồng nhau. Để thực hiện nhiều câu lệnh, hãy sử dụng câu lệnh khối (

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

6) để nhóm các câu lệnh đó. Để thực thi không có câu lệnh nào, hãy sử dụng câu lệnh rỗng

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

7

Tuyên bố được thực hiện nếu

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

3 là sai và tồn tại mệnh đề

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

2. Có thể là bất kỳ câu lệnh nào, bao gồm các câu lệnh khối và các câu lệnh

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

5 lồng nhau

Nhiều câu lệnh

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

1 có thể được lồng vào nhau để tạo mệnh đề

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

2. Lưu ý rằng không có từ khóa

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

3 (trong một từ) trong JavaScript

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

Để xem nó hoạt động như thế nào, đây là giao diện của nó nếu lồng được thụt vào đúng cách

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

Để thực thi nhiều câu lệnh trong một mệnh đề, hãy sử dụng một câu lệnh khối (_______9_______6) để nhóm các câu lệnh đó

if (condition) {
  statements1
} else {
  statements2
}

Không sử dụng các khối có thể dẫn đến hành vi khó hiểu, đặc biệt nếu mã được định dạng thủ công. Ví dụ

function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
  else
    console.log("a is not 1");
}

Mã này có vẻ vô hại — tuy nhiên, việc thực thi

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

5 sẽ ghi "a không phải là 1". Điều này là do trong trường hợp dangling else, mệnh đề

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

2 sẽ được nối với mệnh đề

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

5 gần nhất. Do đó, mã ở trên, với thụt đầu dòng thích hợp, sẽ giống như

function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
    else
      console.log("a is not 1");
}

Nói chung, cách tốt nhất là luôn sử dụng các câu lệnh khối, đặc biệt là trong mã liên quan đến các câu lệnh

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

5 lồng nhau

function checkValue(a, b) {
  if (a === 1) {
    if (b === 2) {
      console.log("a is 1 and b is 2");
    }
  } else {
    console.log("a is not 1");
  }
}

Đừng nhầm lẫn giữa các giá trị Boolean nguyên thủy

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

9 và

if (condition) {
  statements1
} else {
  statements2
}

0 với tính xác thực hoặc tính sai lệch của đối tượng

if (condition) {
  statements1
} else {
  statements2
}

1. Bất kỳ giá trị nào không phải là

if (condition) {
  statements1
} else {
  statements2
}

0,

if (condition) {
  statements1
} else {
  statements2
}

3,

if (condition) {
  statements1
} else {
  statements2
}

4,

if (condition) {
  statements1
} else {
  statements2
}

5,

if (condition) {
  statements1
} else {
  statements2
}

6,

if (condition) {
  statements1
} else {
  statements2
}

7 hoặc chuỗi rỗng (

if (condition) {
  statements1
} else {
  statements2
}

8) và bất kỳ đối tượng nào, kể cả đối tượng Boolean có giá trị là

if (condition) {
  statements1
} else {
  statements2
}

0, đều được coi là trung thực khi được sử dụng làm điều kiện. Ví dụ

const b = new Boolean(false);
if (b) // this condition is truthy
  statement

if (cipherChar === fromChar) {
  result += toChar;
  x++;
} else {
  result += clearChar;
}

Lưu ý rằng không có cú pháp

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3
// …

3 trong JavaScript. Tuy nhiên, bạn có thể viết nó với khoảng cách giữa

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

2 và

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

5

if (x > 50) {
  /* do something */
} else if (x > 5) {
  /* do something */
} else {
  /* do something */
}

Bạn hầu như không bao giờ nên có một

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

1 với một nhiệm vụ như

function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
  else
    console.log("a is not 1");
}

4 như một điều kiện

if (condition1)
  statement1
else if (condition2)
  statement2
else if (condition3)
  statement3
// …
else
  statementN

0

Tuy nhiên, trong trường hợp hiếm hoi bạn thấy mình muốn làm điều gì đó như vậy, tài liệu

function checkValue(a, b) {
  if (a === 1)
    if (b === 2)
      console.log("a is 1 and b is 2");
  else
    console.log("a is not 1");
}

5 có một phần với ví dụ hiển thị cú pháp thực tiễn chung tốt nhất mà bạn nên biết và làm theo

Làm cách nào để tạo thông tin đăng nhập bằng JavaScript?

Làm cách nào để tạo biểu mẫu đăng nhập có xác thực JavaScript trong html? .

Mở Notepad hoặc Adobe Dreamweaver hoặc bất kỳ trình soạn thảo Html nào khác. Tôi đang sử dụng Dreamweaver. .

Sao chép mã HTML hoàn chỉnh bên dưới và dán vào trình chỉnh sửa của bạn. <. .

Bây giờ hãy áp dụng CSS cho tất cả các Thành phần để trình bày tốt hơn. .

Ở đây chúng tôi thêm mã JavaScript để kiểm tra xác thực

Làm cách nào để chuyển tên người dùng và mật khẩu trong JavaScript?

phương thức btoa() . // Tên người dùng và mật khẩu // KHÔNG lưu trữ thông tin xác thực trong tệp JS của bạn như thế này let username = 'myUsername'; . ${mật khẩu}`); . //ứng dụng của tôi. com/auth', { tiêu đề. { 'Ủy quyền'. `Cơ bản ${auth}` } }).

Làm cách nào để tạo trang đăng nhập có xác thực trong JavaScript?

Để tạo xác thực biểu mẫu đăng nhập bằng HTML CSS & JavaScript, hãy làm theo các bước sau. .

Ban đầu, bạn cần tạo hai tệp một HTML (. html) và một tệp CSS khác (. css). .

Và, tạo một tệp CSS có tên style

Cuối cùng, tạo một tệp JavaScript với tên của tập lệnh

Làm cách nào để hạn chế số lần đăng nhập trong JavaScript?

Để thực hiện việc này, chỉ cần sao chép và viết các khối mã này bên trong trình soạn thảo văn bản, sau đó lưu dưới dạng tập lệnh. .

var cố gắng = 3;

chức năng đặt lại tất cả () {

nỗ lực = 3;

tài liệu. getElementById("tên người dùng"). .

tài liệu. getElementById("mật khẩu"). .

tài liệu. getElementById("đăng nhập"). .

tài liệu. .

tài liệu

programming javascript

Nếu khác đăng nhập JavaScript

Lưu đồ của if-else

câu lệnh if

cú pháp

Thí dụ

đầu ra

nếu như. tuyên bố khác

cú pháp

Thí dụ

đầu ra

nếu như. khác nếu. tuyên bố

cú pháp

Làm cách nào để tạo thông tin đăng nhập bằng JavaScript?

Làm cách nào để chuyển tên người dùng và mật khẩu trong JavaScript?

Làm cách nào để tạo trang đăng nhập có xác thực trong JavaScript?

Làm cách nào để hạn chế số lần đăng nhập trong JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội