जेसक्रिप्ट if/else वाक्यव्यवस्था
- पिछला पृष्ठ function
- अगला पृष्ठ let
- एक स्तर ऊपर जावास्क्रिप्ट स्टेटमेंट रेफरेंस मैनुअल
व्याख्या और उपयोग
if/else वाक्यव्यवस्था निर्दिष्ट वाक्यव्यवस्था सही होने पर कोड ब्लॉक को चलाती है। यदि वाक्यव्यवस्था झूठी है, तो एक अन्य कोड ब्लॉक को चलाया जा सकता है。
if/else वाक्यव्यवस्था जेसक्रिप्ट के "वाक्यव्यवस्था" का एक हिस्सा है, जो विभिन्न वाक्यव्यवस्थाओं के अनुसार अलग-अलग कार्यों को करने के लिए उपयोग करती है。
जेसक्रिप्ट में, हमारे पास निम्नलिखित वाक्यव्यवस्थाएँ हैं:
- निर्दिष्ट वाक्यव्यवस्था सही है तो चलाने वाले कोड ब्लॉक को निर्दिष्ट करने के लिए 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) { // condition सही होने पर चलने वाला कोड ब्लॉक }
else वाक्य अवस्था गलत होने पर चलने वाला कोड ब्लॉक निर्दिष्ट करता है:
if (condition) { // condition सही होने पर चलने वाला कोड ब्लॉक } else { // condition गलत होने पर चलने वाला कोड ब्लॉक }
यदि पहला अवस्था त्रु नहीं है, तो else if वाक्य एक नई अवस्था निर्दिष्ट करता है:
if (condition1) { // condition1 त्रु होने पर चलने वाला कोड ब्लॉक } else if (condition2) { // condition1 त्रु नहीं होने पर और condition2 त्रु होने पर चलने वाला कोड ब्लॉक } else { // condition1 त्रु नहीं होने पर और condition2 त्रु नहीं होने पर चलने वाला कोड ब्लॉक }
पारामीटर मूल्य
पारामीटर | वर्णन |
---|---|
condition | आवश्यक. जो अभिव्यक्ति true या false का होता है: |
तकनीकी विवरण
जेसेक्रिप्ट संस्करण: | ECMAScript 1 |
---|
अधिक उदाहरण
उदाहरण
यदि समय 20:00 से कम है, तो "Good day" अभिवादन बनाएं, अन्यथा "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" अभिवादन बनाएं, अन्यथा "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 x = document.getElementsByTagName("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 | Firefox | Safari | Opera |
---|---|---|---|---|---|
if/else | सहायता | सहायता | सहायता | सहायता | सहायता |
संबंधित पृष्ठ
JavaScript शिक्षा:JavaScript If...Else वाक्य
JavaScript शिक्षा:JavaScript Switch वाक्य
- पिछला पृष्ठ function
- अगला पृष्ठ let
- एक स्तर ऊपर जावास्क्रिप्ट स्टेटमेंट रेफरेंस मैनुअल