Оператори умови

Содержание

Слайд 2

Що таке умова?

Умова - це кодова структура, яка дозволяє вам перевірити чи

Що таке умова? Умова - це кодова структура, яка дозволяє вам перевірити
істинне вираз, а потім виконати інший код в залежності від результату. Найпоширеніша форма умови має назву, if ... else.

Слайд 3

Конструкція if

if (логическое выражение)
{
Этот код выполниться, если логическое выражение верно

Конструкція if if (логическое выражение) { Этот код выполниться, если логическое выражение
(то есть равно true)
}
Else
{ Этот код выполнится, если логическое выражение неверно (то есть равно false)
}

Слайд 4

Приклад

var iceCream = 'chocolate';
if (iceCream === 'chocolate')
{ alert('Yay, I love chocolate

Приклад var iceCream = 'chocolate'; if (iceCream === 'chocolate') { alert('Yay, I
ice cream!');
}
else
{ alert('Awwww, but chocolate is my favorite...');
}

Слайд 5

Логічний вираз

Например, чтобы спросить 'переменная a больше нуля'
мы напишем так: a

Логічний вираз Например, чтобы спросить 'переменная a больше нуля' мы напишем так: a > 0.
> 0.

Слайд 6

Приклад

var a = 3; /* Если переменная a больше нуля, то выведи

Приклад var a = 3; /* Если переменная a больше нуля, то
'верно', иначе (если меньше или равна нулю) выведи 'неверно' */
if (a > 0) {alert('Верно!');} else {alert('Неверно!');} //выведет 'Верно!'

Слайд 7

Приклад

var a = -3;
/* Если переменная a больше или равна нулю,

Приклад var a = -3; /* Если переменная a больше или равна
то выведи 'верно', иначе (если меньше нуля) выведи 'неверно' */
if (a >= 0)
{alert('Верно!');}
else {alert('Неверно!');}
//выведет 'Неверно!‘

Слайд 8

Функції

Функции являются способом упаковки функциональности, которую вы хотите использовать повторно, так что

Функції Функции являются способом упаковки функциональности, которую вы хотите использовать повторно, так
всякий раз, когда вы хотите получить функциональность, вы можете просто вызвать функцию, а не постоянно переписывать весь код.

Слайд 9

Приклад

var myVariable = document.querySelector('h1'); alert('hello!');

Приклад var myVariable = document.querySelector('h1'); alert('hello!');

Слайд 10

Приклад

var myVariable = document.querySelector('h1'); alert('hello!');

Приклад var myVariable = document.querySelector('h1'); alert('hello!');

Слайд 11

Написати власну функцію

function multiply(num1,num2)
{
var result = num1 * num2; return

Написати власну функцію function multiply(num1,num2) { var result = num1 * num2; return result; }
result;
}

Слайд 12

Визвати функцію кілька разів

multiply(4,7);
multiply(20,20);
multiply(0.5,3);

Визвати функцію кілька разів multiply(4,7); multiply(20,20); multiply(0.5,3);

Слайд 13

Події

Для демонстрации ввести следующую команду в вашей консоли, а затем щёлкните по

Події Для демонстрации ввести следующую команду в вашей консоли, а затем щёлкните
текущей веб-странице:
document.querySelector('html').onclick = function()
{
alert('Ouch! Stop poking me!');
}

Слайд 14

Властивість onclick

Обратите внимание, что
document.querySelector('html').onclick = function() {};
эквивалентно
var myHTML = document.querySelector('html');myHTML.onclick =

Властивість onclick Обратите внимание, что document.querySelector('html').onclick = function() {}; эквивалентно var myHTML
function()
{
};