Повернення результату функцією
Функція виконує деякі дії та за потреби може повернути результат своїх обчислень. Повернутий результат можна присвоїти у змінну або використати будь-яким іншим чином.
Згадайте "чорну" коробку з механізмом всередині і кнопкою. В цієї коробки може бути знизу отвір, через який випадає результат щоразу, як нажимаємо кнопку.
Для простоти розуміння - закресліть в коді виклик функції і над ним запишіть повернений результат. Такий остаточний вигляд прийме команда, в якій застосовано виклик функції.
// створення функцій
function hello(){
return "Hello!";
}
function calc(){
var result = a * b + c;
console.log(result);
return result;
}
function MashasLikes(){
var likes = getLikesFromServer('Маша');
return 'Маша отримала ' + likes + ' лайків до аватарки.';
}
// використання функцій:
alert(hello());
var a = 5, b = 3, c = 7, d = calc();
document.getElementById('likes').innerText = MashasLikes();
Завдання
- Створіть функцію error, що видає повідомлення (alert) про невірно введений пароль і повертає код помилки 403 (число).
- Створіть функцію, що розраховує об'єм коробки, заданої змінними x, y та z і повертає результат розрахунку.
- Створіть функцію, яка повертає значення true чи false в залежності чи є змінна x парною.
Домашнє завдання
-
Створіть функцію, що повертає протилежне значення х. Результат виводьте в консоль:
x = 5;
в консоль вивести число -5
x = -4;
в консоль вивести число 4 -
Створіть функцію, що розраховує об'єм коробки і повертає результат розрахунку.
Розміри коробки x, y та z питайте у користувача за допомогою prompt -
Створіть функцію, що повертає одне зі значень:
x більше 20 - квадрат цього числа
х менше 0 - куб цього числа
х дорівнює 0 - null
x від 0 до 20 і парне - половину цього числа
x від 0 до 20 і непарне - потрійне число (наприклад, x = 17, результат = 171717) -
Створіть функцію, яка запитує в користувача його ім'я (prompt) і повертає вітання виду: "Ласкаво просимо, %username% !".
Викличте цю функцію для того, щоб задати текст для <h1> сторінки:document.querySelector('h1').innerText = ???; -
Дано кнопку і чотири текстових поля: first-name, last-name, phone, email (не огортайте їх в тег form, нам поки що не потрібно нічого відправляти на сервер).
Звернутися до введеного в поле значення можна таким чином:document.querySelector('[name="phone"]').valueСтворіть функцію валідації форми - перевірки на те, чи немає пустих полів.
Якщо пустих полів немає, то функція повинна повертати true, інакше - false;
Валідацію виконуйте при натисканні на кнопку.
Порада: почніть з одного поля. Коли скрипт буде працювати - додайте ще одне і т.д.