Ultimele tutoriale de dezvoltare web
 

JavaScript în cazul în care / ELSE

<JavaScript Declarațiile de referință

Exemplu

Dacă ora curentă (HOUR) este mai mic de 20:00, de ieșire "Good day" , într - un element cu id = „demo“:

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

Rezultatul va fi:

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

If / ELSE execută un bloc de cod în cazul în care o condiție specificată este adevărată. În cazul în care condiția este falsă, un alt bloc de cod poate fi executat.

If / ELSE este o parte din JavaScript este "Conditional" Declarațiile, care sunt utilizate pentru a efectua diferite acțiuni bazate pe diferite condiții.

În JavaScript avem următoarele afirmații condiționale:

  • Utilizați în if în care pentru a specifica un bloc de cod care urmează să fie executat, în cazul în care o condiție specificată este adevărată
  • Utilizați else pentru a specifica un bloc de cod care urmează să fie executat, în cazul în care aceeași condiție este falsă
  • Utilizați else if în else if în care pentru a specifica o nouă condiție pentru a testa, în cazul în care prima condiție este falsă
  • Utilizați switch pentru a selecta una din mai multe blocuri de cod care urmează să fie executat

Suport pentru browser-

Afirmație
if/else da da da da da

Sintaxă

If specifică un bloc de cod care urmează să fie executat în cazul în care o condiție este adevărată:

if ( Declarația specifică altceva un bloc de cod care urmează să fie executat în cazul în care condiția este falsă:

if ( Else if specifică o nouă condiție în cazul în care prima condiție este falsă:

if ( Valorile parametrilor
Parametru Descriere
condition Necesar. O expresie care se evaluează la adevărat sau fals

Detalii tehnice

JavaScript Versiune: 1.0

Exemple

Mai multe exemple

Exemplu

În cazul în care timpul este mai mic de 20:00, a crea un "Good day" salut, în caz contrar "Good evening" :

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

Rezultatul va fi de salut:

Încearcă - l singur »

Exemplu

Dacă timpul este mai mic de 10:00, a crea un "Good morning" salut, dacă nu, dar timpul este mai mic de 20:00, a crea un "Good day" salut, de altfel un "Good evening" :

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

Rezultatul va fi de salut:

Încearcă - l singur »

Exemplu

Dacă primul <div> element din document are un id de "myDIV" , schimbarea ei font-size:

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
Încearcă - l singur »

Exemplu

Schimbarea valoarea source atributului (src) a unui <img> Element, în cazul în care utilizatorul face clic pe imagine:

<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>
Încearcă - l singur »

Exemplu

Afișarea unui mesaj bazat pe datele introduse de utilizator:

var letter = document.getElementById("myInput").value;
var text;

// If the letter is "c"
if (letter === "c") {
    text = "Spot on! Good job!";

// If the letter is "c" or "e"
} else if (letter === "b" || letter === "d") {
    text = "Close, but not close enough.";

// If the letter is anything else
} else {
    text = "Waaay off..";
}
Încearcă - l singur »

Exemplu

Validați date de intrare:

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
} else {
    text = "Input OK";
}
Încearcă - l singur »

Pagini similare

JavaScript Tutorial: JavaScript Dacă ... else

JavaScript Tutorial: Comutator JavaScript Declarație


<JavaScript Declarațiile de referință