Операторы if...else
Если час меньше 20, выведите "Добрый день":
let hour = new Date().getHours();
if (hour < 20) {
document.getElementById("demo").innerHTML = "Добрый день";
}
Попробуйте сами »
Вывод "Добрый день" или "Добрый вечер":
let hour = new Date().getHours();
if (hour < 20) {
greeting = "Добрый день";
}
else {
greeting = "Добрый вечер";
}
Попробуйте сами »
Смотрите примеры ниже.
Описание
Комбинация операторов if/else выполняет блок кода, если указанное условие true. Если условие false, может быть выполнен другой блок кода.
Операторы if/else является частью "условного" оператора JavaScript. Операторы, которые используются для выполнения разных действий в зависимости от разных условий.
В JavaScript у нас есть следующие условные операторы:
- Используйте
if, чтобы указать блок кода для выполнения, если указанное условие true. - Используйте
else, чтобы указать блок кода для выполнения, если то же условие неверно. - Используйте
else if, чтобы указать новое условие для проверки, если первое условие false. - Используйте
switch, чтобы выбрать один из множества блоков кода для выполнения.
Синтаксис
Оператор if указывает блок кода, который будет выполнен, если условие true:
if (condition) {
// блок кода для выполнения, если условие true
}
Оператор else указывает блок кода, который будет выполнен, если условие false:
if (condition) {
// блок кода для выполнения, если true
}
else {
//блок кода выполнения, если условие false
}
Операторы else if определяют новое условие, если первое условие false:
if (condition1) {
// блок кода для выполнения, если условие 1 true
}
else if (condition2) {
// блок кода выполнения, если условие 1 false, а условие 2 true
} else {
// блок кода выполнения, если условие 1 false и условие 2 false
}
Значения параметров
| Параметр | Описание |
|---|---|
| condition | Обязательно. Выражение, которое принимает значение true или false |
Ещё примеры
Если время меньше 10:00, создайте сообщение приветствие "Доброе утро" приветствие, если нет, но время меньше 20:00, создайте сообщение "Добрый день" приветствие, иначе "Добрый вечер":
var time = new Date().getHours();
if (time < 10) {
greeting = "Доброе утро";
}
else if (time < 20) {
greeting = "Добрый день";
}
else {
greeting = "Добрый вечер";
}
Попробуйте сами »
Если первый элемент <div> элемент в документе имеет идентификатор "myDIV", измените его размер шрифта:
var x = document.getElementsByTagИмя("DIV")[0];
if (x.id === "myDIV") {
x.style.fontSize = "30px";
}
Попробуйте сами »
Измените значение атрибута источника (src) файла <img> элемент, если пользователь нажимает на изображение:
<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 = "На месте! Хорошая работа!";
// Если буква является "b" или "d"
} else if (letter === "b" || letter === "d") {
text = "Близко, но недостаточно близко.";
// Если в письме есть что-то еще
} else {
text = "Ваааааа..";
}
Попробуйте сами »
Проверка входных данных:
var x, text;
// Получить значение поля ввода с id="numb"
x = document.getElementById("numb").value;
// Если x не является числом или меньше 1 или больше 10, выводится сообщение "Ввод недействителен".
// Если x представляет собой число от 1 до 10, выведите "Ввод ОК".
if (isNaN(x) || x < 1 || x > 10) {
text = "Ввод недействителен";
} else {
text = "Ввод OK";
}
Попробуйте сами »
Похожие страницы
JavaScript Учебник: JavaScript If...Else Заявления
JavaScript Учебник: JavaScript Switch Заявление
Поддержка браузера
if...else — это функция ECMAScript1 (ES1).
ES1 (JavaScript 1997) полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |