Powrót do: TypeScript dla Testera – Ekspresowe Podstawy (i za darmo!)
Instrukcja warunkowa if + QUIZ
Prezentacja
Tu w przyszłości mogą pojawić się dodatkowe materiały w postaci prezentacji etc.
Dodatkowe materiały
Tu pojawią się dodatkowe materiały w postaci kodu, linków etc.
if pozwala wykonać kod tylko wtedy, gdy warunek jest spełniony.
Najczęściej warunek to porównanie (np. age >= 18, status === 'ok').
Możesz dodać gałąź else (gdy warunek nie jest spełniony) oraz kolejne sprawdzenia dzięki else if.
Najważniejsze tematy w tej lekcji:
- Składnia:
if (warunek) { ... } else if (innyWarunek) { ... } else { ... } - Warunek pisz jawnie: używaj porównań (
>,>=,===,!==), zamiast liczyć na „domyślne” zachowanie. - Używaj
===/!==(porównanie ścisłe) zamiast==/!=. - Nawiasy klamrowe
{ }stosuj zawsze — nawet dla jednej linijki (czytelniej i bez błędów).
Podstawowe if i else
// Simple check: is user adult?
const age = 19;
if (age >= 18) {
console.log('Adult');
} else {
console.log('Minor');
}
Łańcuch else if do prostych warunków:
// Score classification (no AND/OR needed)
const score = 75;
if (score >= 90) {
console.log('Grade: A');
} else if (score >= 60) {
console.log('Grade: Pass');
} else {
console.log('Grade: Fail');
}
Linki zewnętrzne
Zadania
Poniżej znajdziesz proste zadania do instrukcji if (bez AND/OR). W każdym pytaniu przewidź, co wypisze konsola.
Zadanie 1
Treść zadania: Co wypisze konsola?
const age = 18;
if (age > 18) {
console.log('Adult');
} else if (age === 18) {
console.log('Just turned adult');
} else {
console.log('Minor');
}
Zadanie 2
Treść zadania: Co wypisze konsola?
const name = '';
if (name !== '') {
console.log('Go!');
} else {
console.log('Please enter your name');
}
Zadanie 3
Treść zadania: Co trafi do konsoli?
const score = 59;
if (score >= 90) {
console.log('A');
} else if (score >= 60) {
console.log('Pass');
} else {
console.log('Fail');
}
Zadanie 4
Treść zadania: Co wypisze konsola?
const role = 'admin';
if (role === 'admin') {
console.log('Welcome, admin!');
} else {
console.log('Welcome');
}
Zadanie 5
Treść zadania: Co wypisze konsola?
const isLoggedIn = true;
const hasProfile = false;
if (isLoggedIn === true) {
if (hasProfile === true) {
console.log('Go to dashboard');
} else {
console.log('Complete profile');
}
} else {
console.log('Please log in');
}
