Bisakah kita menulis kondisi if dalam html?

Question

Untuk melakukannya, kita dapat menggunakan pernyataan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6 dan operator kondisional

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

7, yang juga disebut operator "tanda tanya"

Table of Contents Show

Bagaimana Anda menulis kondisi IF dalam HTML?
Bisakah kita menggunakan pernyataan bersyarat dalam HTML?
Bagaimana Anda menulis kondisi di if?
Bisakah kita menulis kondisi if dalam pernyataan if?

Pernyataan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

8 mengevaluasi kondisi dalam tanda kurung dan, jika hasilnya adalah

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

9, mengeksekusi blok kode

Sebagai contoh

let year = prompt('In which year was ECMAScript-2015 specification published?', '');

if (year == 2015) alert( 'You are right!' );

_

Dalam contoh di atas, kondisinya adalah pemeriksaan kesetaraan sederhana (

if (0) { // 0 is falsy
  ...
}

0), tetapi bisa jauh lebih kompleks

Jika kita ingin mengeksekusi lebih dari satu pernyataan, kita harus membungkus blok kode kita di dalam kurung kurawal

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

Kami merekomendasikan untuk membungkus blok kode Anda dengan kurung kurawal

if (0) { // 0 is falsy
  ...
}

1 setiap kali Anda menggunakan pernyataan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6, bahkan jika hanya ada satu pernyataan untuk dieksekusi. Melakukannya meningkatkan keterbacaan

Pernyataan

if (0) { // 0 is falsy
  ...
}

_3 mengevaluasi ekspresi dalam tanda kurung dan mengubah hasilnya menjadi boolean

Mari kita ingat kembali aturan konversi dari bab Jenis Konversi

Angka

if (0) { // 0 is falsy
  ...
}

_4, string kosong

if (0) { // 0 is falsy
  ...
}

5,

if (0) { // 0 is falsy
  ...
}

6,

if (0) { // 0 is falsy
  ...
}

7, dan

if (0) { // 0 is falsy
  ...
}

8 semuanya menjadi

if (0) { // 0 is falsy
  ...
}

9. Karena itu mereka disebut nilai-nilai “palsu”.

Nilai-nilai lain menjadi

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_9, sehingga disebut “kebenaran”

Jadi, kode dalam kondisi ini tidak akan pernah dieksekusi

if (0) { // 0 is falsy
  ...
}

…dan di dalam kondisi ini – akan selalu begitu

if (1) { // 1 is truthy
  ...
}

Kami juga dapat meneruskan nilai boolean yang telah dievaluasi sebelumnya ke

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6, seperti ini

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

Pernyataan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6 dapat berisi blok

if (1) { // 1 is truthy
  ...
}

3 opsional. Itu dijalankan ketika kondisi salah

Sebagai contoh

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

Terkadang, kami ingin menguji beberapa varian kondisi. Klausa

if (1) { // 1 is truthy
  ...
}

_4 memungkinkan kita melakukan itu

Sebagai contoh

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year < 2015) {
  alert( 'Too early...' );
} else if (year > 2015) {
  alert( 'Too late' );
} else {
  alert( 'Exactly!' );
}

Pada kode di atas, JavaScript terlebih dahulu memeriksa

if (1) { // 1 is truthy
  ...
}

5. Jika salah, lanjut ke kondisi berikutnya

if (1) { // 1 is truthy
  ...
}

6. Jika itu juga salah, itu menunjukkan

if (1) { // 1 is truthy
  ...
}

7 terakhir

Mungkin ada lebih banyak

if (1) { // 1 is truthy
  ...
}

_4 blok.

if (1) { // 1 is truthy
  ...
}

_3 terakhir bersifat opsional

Terkadang, kita perlu menetapkan variabel tergantung pada suatu kondisi

Contohnya

let accessAllowed;
let age = prompt('How old are you?', '');

if (age > 18) {
  accessAllowed = true;
} else {
  accessAllowed = false;
}

alert(accessAllowed);

Apa yang disebut operator "bersyarat" atau "tanda tanya" memungkinkan kita melakukannya dengan cara yang lebih singkat dan sederhana

Operator diwakili oleh tanda tanya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

7. Terkadang disebut "ternary", karena operator memiliki tiga operan. Ini sebenarnya satu-satunya operator dalam JavaScript yang memiliki banyak

Sintaksnya adalah

let result = condition ? value1 : value2;

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

_1 dievaluasi. jika itu benar maka

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

_2 dikembalikan, jika tidak –

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

3

Sebagai contoh

let accessAllowed = (age > 18) ? true : false;

Secara teknis, kita dapat menghilangkan tanda kurung di sekitar

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

4. Operator tanda tanya memiliki prioritas rendah, sehingga dijalankan setelah perbandingan

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

5

Contoh ini akan melakukan hal yang sama seperti yang sebelumnya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

0

Tapi tanda kurung membuat kode lebih mudah dibaca, jadi kami sarankan untuk menggunakannya

Tolong dicatat

Dalam contoh di atas, Anda dapat menghindari penggunaan operator tanda tanya karena perbandingan itu sendiri mengembalikan

let cond = (year == 2015); // equality evaluates to true or false

if (cond) {
  ...
}

6

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_1

Urutan operator tanda tanya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_7 dapat mengembalikan nilai yang bergantung pada lebih dari satu kondisi

Contohnya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_2

Mungkin sulit pada awalnya untuk memahami apa yang sedang terjadi. Namun setelah melihat lebih dekat, kita dapat melihat bahwa itu hanyalah rangkaian tes biasa

Tanda tanya pertama memeriksa apakah ________20______8

Jika benar – mengembalikan ________20______9. Kalau tidak, itu berlanjut ke ekspresi setelah titik dua ". ”, memeriksa

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

0

Jika itu benar – itu mengembalikan

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

1. Kalau tidak, itu berlanjut ke ekspresi setelah titik dua berikutnya ". ”, memeriksa

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

2

Jika itu benar – itu mengembalikan ________23______3. Kalau tidak, itu berlanjut ke ekspresi setelah titik dua terakhir ". ”, mengembalikan

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

4

Begini tampilannya menggunakan

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

5

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_3

Terkadang tanda tanya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_7 digunakan sebagai pengganti

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_4

Bergantung pada kondisi

let year = prompt('In which year was the ECMAScript-2015 specification published?', '');

if (year == 2015) {
  alert( 'You guessed it right!' );
} else {
  alert( 'How can you be so wrong?' ); // any value except 2015
}

_8, ekspresi pertama atau kedua setelah

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

7 dijalankan dan menampilkan peringatan

Kami tidak menetapkan hasil ke variabel di sini. Sebagai gantinya, kami mengeksekusi kode yang berbeda tergantung pada kondisinya

Tidak disarankan untuk menggunakan operator tanda tanya dengan cara ini

Notasi lebih pendek dari pernyataan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6 yang setara, yang menarik bagi beberapa programmer. Tapi kurang enak dibaca

Ini kode yang sama menggunakan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

6 untuk perbandingan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

5

Mata kita memindai kode secara vertikal. Blok kode yang menjangkau beberapa baris lebih mudah dipahami daripada rangkaian instruksi horizontal yang panjang

Tujuan dari operator tanda tanya

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_7 adalah mengembalikan satu nilai atau lainnya tergantung pada kondisinya. Silakan gunakan untuk itu. Gunakan

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

_6 saat Anda perlu mengeksekusi cabang kode yang berbeda

Bagaimana Anda menulis kondisi IF dalam HTML?

Pernyataan Bersyarat .

Gunakan if untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan benar

Gunakan else untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang sama salah

Gunakan else if untuk menentukan kondisi baru yang akan diuji, jika kondisi pertama salah

Bisakah kita menggunakan pernyataan bersyarat dalam HTML?

Pernyataan logika bersyarat dapat diterapkan ke elemen HTML apa pun di dokumen Anda , tetapi antarmuka pengguna tunjuk dan klik Berkolaborasi hanya mendukung penyisipan blok

Bagaimana Anda menulis kondisi di if?

AND – =IF(AND(Sesuatu benar, Sesuatu yang lain benar), Nilai jika Benar, Nilai jika Salah) ATAU – =IF(OR(Sesuatu benar, Sesuatu yang lain Benar), Nilai jika Benar, Nilai jika Salah)

Bisakah kita menulis kondisi if dalam pernyataan if?

Sintaks untuk pernyataan if adalah sebagai berikut. jika (kondisi) instruksi; . True selalu merupakan nilai bukan nol, dan false adalah nilai yang mengandung nol

kode html