Οι εντολές υπό όρους χρησιμοποιούνται για την εκτέλεση διαφορετικών ενεργειών με βάση διαφορετικές συνθήκες.
Πολύ συχνά όταν γράφετε κώδικα, θέλετε να εκτελέσετε διαφορετικές ενέργειες για διαφορετικές αποφάσεις.
Μπορείτε να χρησιμοποιήσετε προτάσεις υπό όρους στον κώδικά σας για να το κάνετε αυτό.
Στο JavaScript έχουμε τις ακόλουθες δηλώσεις υπό όρους:
Χρησιμοποιήστε το if για να καθορίσετε ένα μπλοκ κώδικα που θα εκτελεστεί, εάν μια καθορισμένη συνθήκη είναι αληθής
Χρησιμοποιήστε το else για να καθορίσετε ένα μπλοκ κώδικα που θα εκτελεστεί, εάν η ίδια συνθήκη είναι ψευδής
Χρησιμοποιήστε το else if για να καθορίσετε μια νέα συνθήκη για δοκιμή, εάν η πρώτη συνθήκη είναι ψευδής
Χρησιμοποιήστε τον διακόπτη για να καθορίσετε πολλά εναλλακτικά μπλοκ κώδικα που θα εκτελεστούν
Η δήλωση διακόπτης περιγράφεται στο επόμενο κεφάλαιο.
ifΧρησιμοποιήστε τη δήλωση if για να καθορίσετε ένα μπλοκ κώδικα JavaScript για να να εκτελεστεί εάν μια συνθήκη είναι αληθής.
if (condition) {
// block of code to be executed if the condition is true
}Σημειώστε ότι το if είναι με πεζά γράμματα. Τα κεφαλαία γράμματα (If ή IF) θα δημιουργήσουν ένα σφάλμα JavaScript.
Κάντε ένα χαιρετισμό "Καλημέρα" εάν η ώρα είναι μικρότερη από 18:00:
if (hour < 18) {
greeting = "Good day";
}Το αποτέλεσμα του χαιρετισμού θα είναι:
<script>
d=new Date();
var time=d.getHours();
if (time<20)
{
document.write("Good day");
}
Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript if</h2>
<p>Display "Good day!" if the hour is less than 18:00:</p>
<p id="demo">Good Evening!</p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Good day!";
}
</script>
</body>
</html>
elseΧρησιμοποιήστε τη δήλωση else για να καθορίσετε ένα μπλοκ κώδικα που θα εκτελείται εάν η συνθήκη είναι ψευδής.
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}Εάν η ώρα είναι μικρότερη από 18, δημιουργήστε μια "Καλή μέρα" χαιρετισμό, αλλιώς "καλησπέρα":
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}Το αποτέλεσμα του χαιρετισμού θα είναι:
<script>
d=new Date();
var time=d.getHours();
if (time<20)
{
document.write("Good day");
}
else
{
document.write("Good evening");
}
Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript if .. else</h2>
<p>A time-based greeting:</p>
<p id="demo"></p>
<script>
const hour = new Date().getHours();
let greeting;
if (hour < 18) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
document.getElementById("demo").innerHTML = greeting;
</script>
</body>
</html>
else ifΧρησιμοποιήστε τη δήλωση else if για να καθορίσετε μια νέα συνθήκη εάν η πρώτη συνθήκη είναι ψευδής.
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}Εάν η ώρα είναι μικρότερη από 10:00, δημιουργήστε ένα "Καλό πρωί" χαιρετισμός, αν όχι, αλλά η ώρα είναι λιγότερο από 20:00, δημιουργήστε έναν χαιρετισμό "Καλημέρα", αλλιώς "καλησπέρα":
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}Το αποτέλεσμα του χαιρετισμού θα είναι:
<script>
d=new Date();
time=d.getHours();
if (time<10)
{
document.write("Good morning");
}
else if (time<20)
{
document.write("Good day");
}
else
{
document.write("Good evening");
}
Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript if .. else</h2>
<p>A time-based greeting:</p>
<p id="demo"></p>
<script>
const time = new Date().getHours();
let greeting;
if (time < 10) {
greeting = "Good morning";
} else if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
document.getElementById("demo").innerHTML = greeting;
</script>
</body>
</html>
Τυχαίος σύνδεσμος
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math.random()</h2>
<p id="demo"></p>
<script>
let text;
if (Math.random() < 0.5) {
text = "<a href='https://w3schools.com'>Visit W3Schools</a>";
} else {
text = "<a href='https://wwf.org'>Visit WWF</a>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>