ਜਾਵਾਸਕ੍ਰਿਪਟ if/else ਪ੍ਰਮਾਣ ਸਟੇਟਮੈਂਟ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

if/else ਪ੍ਰਮਾਣ ਸਟੇਟਮੈਂਟ ਨੂੰ ਪ੍ਰਮਾਣ ਸਹੀ ਹੋਣ ਉੱਤੇ ਚਲਾਉਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਨੂੰ ਚਲਾਉਂਦੇ ਹਨ। ਜੇਕਰ ਪ੍ਰਮਾਣ ਸਹੀ ਨਹੀਂ ਹੈ ਤਾਂ ਦੂਜਾ ਕੋਡ ਬਲਾਕ ਚਲਾਉਣ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦਿੰਦੇ ਹਨ。

if/else ਪ੍ਰਮਾਣ ਸਟੇਟਮੈਂਟ ਹਾਲਾਂਕਿ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ "condition" ਹਿੱਸੇ ਵਿੱਚ ਹਨ, ਜੋ ਵੱਖ-ਵੱਖ ਪ੍ਰਮਾਣਾਂ ਦੇ ਅਧਾਰ 'ਤੇ ਵੱਖ-ਵੱਖ ਕਾਰਵਾਈਆਂ ਨੂੰ ਚਲਾਉਂਦੇ ਹਨ.

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਹਾਲਾਂਕਿ ਹਾਲਾਂਕਿ ਸਾਡੇ ਇਹ ਪ੍ਰਮਾਣ ਸਟੇਟਮੈਂਟ ਹਨ:

  • ਚਲਾਉਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ if ਦਾ ਉਪਯੋਗ ਕਰੋ ਜੇਕਰ ਪ੍ਰਮਾਣ ਸਹੀ ਹੈ
  • ਸਹੀ ਪ੍ਰਮਾਣ ਨਹੀਂ ਹੋਣ ਤਾਂ ਚਲਾਉਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਨੂੰ else ਦੇ ਅੰਦਰ ਸ਼ਾਮਲ ਕਰੋ
  • ਜੇਕਰ ਪਹਿਲਾ ਪ੍ਰਮਾਣ ਸਹੀ ਨਹੀਂ ਹੈ ਤਾਂ else if ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵਾਂ ਪ੍ਰਮਾਣ ਨੂੰ ਟੈਸਟ ਕਰੋ
  • ਚਲਾਉਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਵਿੱਚੋਂ ਇੱਕ ਚੁਣਨ ਲਈ switch ਦਾ ਉਪਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਜੇਕਰ ਮੌਜੂਦਾ ਸਮਾਂ (HOUR) 20:00 ਤੋਂ ਘੱਟ ਹੈ ਤਾਂ id="demo" ਦੇ ਇਲਾਕੇ ਵਿੱਚ "Good day" ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

var time = new Date().getHours(); 
if (time < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੰਨੇ ਦੇ ਹੇਠਾਂ ਹੋਰ TIY ਉਦਾਹਰਣ ਹਨ。

ਸਿਫ਼ਾਰਸ਼

if ਪ੍ਰਾਇਮਰੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦਾ ਹੈ ਕਿ ਜੇਕਰ ਪ੍ਰਮਾਣ ਸਹੀ ਹੋਵੇ ਤਾਂ ਚਲਾਉਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ:

if (condition) {
  // ਜੇਕਰ ਸ਼ਰਤ ਝੁਕਦੀ ਨਹੀਂ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
}

else ਵਾਕ ਨਾਲ ਝੁਕਦੀ ਹੋਣ ਵਾਲੀ ਸ਼ਰਤ ਦਾ ਕੋਡ ਬਲਾਕ ਦਿਉ:

if (condition) {
  // ਜੇਕਰ ਸ਼ਰਤ ਝੁਕਦੀ ਨਹੀਂ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
} else { 
  // ਜੇਕਰ ਸ਼ਰਤ ਝੁਕਦੀ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
}

ਜੇਕਰ ਪਹਿਲੀ ਸ਼ਰਤ ਝੁਕਦੀ ਹੈ ਤਾਂ else if ਵਾਲੀ ਵਾਕ ਇੱਕ ਨਵੀਂ ਸ਼ਰਤ ਦਿਉ:

if (condition1) {
  // ਜੇਕਰ condition1 ਦਾ ਪ੍ਰਗਟਾਵਾ ਝੁਕਦਾ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
} else if (condition2) {
  // ਜੇਕਰ condition1 ਦਾ ਪ੍ਰਗਟਾਵਾ ਝੁਕਦਾ ਹੈ ਅਤੇ condition2 ਦਾ ਪ੍ਰਗਟਾਵਾ ਝੁਕਦਾ ਨਹੀਂ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
} else {
  // ਜੇਕਰ condition1 ਦਾ ਪ੍ਰਗਟਾਵਾ ਝੁਕਦਾ ਹੈ ਅਤੇ condition2 ਦਾ ਪ੍ਰਗਟਾਵਾ ਝੁਕਦਾ ਹੈ ਤਾਂ ਚਲਾਉਣ ਵਾਲਾ ਕੋਡ ਬਲਾਕ
}

ਪੈਰਾਮੀਟਰ ਕੀਮਤ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
condition ਲਾਜ਼ਮੀ। ਜਿਸ ਪ੍ਰਗਟਾਵੇ ਦਾ ਨਤੀਜਾ true ਜਾਂ false ਹੁੰਦਾ ਹੈ ਉਹ ਪ੍ਰਗਟਾਵਾ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

JavaScript ਵਰਜਨ: ECMAScript 1

ਹੋਰ ਉਦਾਹਰਣ

ਉਦਾਹਰਣ

ਜੇਕਰ ਸਮਾਂ ਕਰੀਬ 20:00 ਤੋਂ ਘੱਟ ਹੈ ਤਾਂ "Good day" ਸਲਾਮ ਬਣਾਓ ਅਤੇ ਨਾਲ ਹੀ ਕਰੀਬ 20:00 ਤੋਂ ਜ਼ਿਆਦਾ ਹੈ ਤਾਂ "Good evening" ਸਲਾਮ ਬਣਾਓ:

var time = new Date().getHours(); 
if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਜੇਕਰ ਸਮਾਂ ਕਰੀਬ 10:00 ਤੋਂ ਘੱਟ ਹੈ ਤਾਂ "Good morning" ਸਲਾਮ ਬਣਾਓ، ਨਹੀਂ ਤਾਂ ਕਰੀਬ 20:00 ਤੋਂ ਘੱਟ ਹੈ ਤਾਂ "Good day" ਸਲਾਮ ਬਣਾਓ ਅਤੇ ਨਾਲ ਹੀ ਕਰੀਬ 20:00 ਤੋਂ ਜ਼ਿਆਦਾ ਹੈ ਤਾਂ "Good evening" ਸਲਾਮ ਬਣਾਓ:

var time = new Date().getHours(); 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਜੇਕਰ ਡੋਕੂਮੈਂਟ ਵਿੱਚ ਪਹਿਲੇ <div> ਇਲੈਕਟਰਨਾ ਦਾ id "myDIV" ਹੈ ਤਾਂ ਉਸ ਦਾ ਫੰਟ ਸਾਈਜ਼ ਬਦਲੋ:

var ਐਕਸ = ਡਾਕੂਮੈਂਟ.ਗੈਟਟਾਗਨਾਮਜ਼("DIV")[0];
if (x.id === "myDIV") {}} 
  x.style.fontSize = "30px";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਚਿੱਤਰ 'ਤੇ ਕਲਿੱਕ ਕਰੇ ਤਾਂ <img> ਐਲੀਮੈਂਟ ਦੇ ਸੋਰਸ (src) ਪ੍ਰਾਪਰਟੀ ਦਾ ਮੁੱਲ ਬਦਲੋ:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<script>
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
  } else {
    image.src = "pic_bulbon.gif";
  }
}
</script>

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਉਪਯੋਗਕਰਤਾ ਇਨਪੁਟ ਨਾਲ ਸੰਦੇਸ਼ ਦਿਖਾਓ:

var letter = document.getElementById("myInput").value;
var text;
// ਜੇਕਰ ਅੱਖਰ "c" ਹੈ
if (letter === "c") {
  text = "Spot on! Good job!";
// ਜੇਕਰ ਅੱਖਰ "b" ਹੈ ਜਾਂ "d"
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// ਜੇਕਰ ਹੋਰ ਅੱਖਰ ਹੈ
} else {
  text = "Waaay off..";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ

ਇਨਪੁਟ ਡਾਟਾ ਨੂੰ ਤਸਦੀਕ ਕਰੋ:

var x, text;
// id="numb" ਦੇ ਇਨਪੁਟ ਫੀਲਡ ਦਾ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰੋ
x = document.getElementById("numb").value;
// ਜੇਕਰ x ਨਾਂਬਰ ਨਹੀਂ ਹੈ ਜਾਂ 1 ਤੋਂ ਘੱਟ ਹੈ ਜਾਂ 10 ਤੋਂ ਵੱਧ ਹੈ ਤਾਂ "input is not valid" ਨਿਕਾਲੋ
// ਜੇਕਰ x 1 ਤੋਂ 10 ਦਰਮਿਆਨ ਦਾ ਨੰਬਰ ਹੈ ਤਾਂ "Input OK" ਨਿਕਾਲੋ
if (isNaN(x) || x < 1 || x > 10) {
  text = "Input not valid";
} else {
  text = "Input OK";
}

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਬਿਆਨ ਕਰੋਮ IE ਫਾਰਫੈਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
if/else ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

ਸਬੰਧਤ ਪੰਨੇ

JavaScript ਟੂਰ:JavaScript If...Else ਸਟੇਟਮੈਂਟ

JavaScript ਟੂਰ:JavaScript Switch ਸਟੇਟਮੈਂਟ