Введення в функції

Функція - це набір команд, об'єднаних для зручності в блок.

Функцію можна уявити у вигляді "чорного" ящика з кнопкою. Коли нажимаємо на кнопку - щось всередині відбувається.

Створимо функцію, яка виконує декілька дій:

  1. вираховує формулу k*x+b;
  2. виводить в консоль результат;
  3. записує у змінну r половину результату;
  4. дає Маші шоколадку.

Функцію будемо запускати по кнопці. Поексперементуйте у пісочниці.

Створюємо html-код та ініціалізуємо змінні.

<p>У Маші <span id="chok">0</span> шоколадок.</p>
<button id="but">Дати Маші шоколадку</button>

var k = 4,
    x = 10,
    b = 7,
    r;

Для взаємодії з елементами веб-сторінки їх потрібно спочатку знайти та занести у змінні.

var Chok = document.getElementById('chok');
var Butt = document.getElementById('but');

Створюємо функцію. Замість трьох крапок впишіть потрібні команди, коментарі можна видалити.

function giveChok() {
  // записати у змінну r результат обчислення формули
  ...
  // вивести результат в консоль
  ...
  // r поділити навпіл
  ...
  // дати Маші шоколадку
  Chok.innerText = parseInt(Chok.innerText) + 1;
}

Запуск на виконання функції (нажимання кнопки на чорному ящику) називається викликом функції:

Butt.onclick = function(){
  giveChok();
  console.log('Значення змінної r = ' + r);
}

Домашнє завдання

  1. Створіть функцію, що об'єднує всі завдання з корзиною та яблуками.
    Результати виводьте в консоль, а не на екран. Результати кожного виклику бажано групувати.
    Декілька разів задайте змінній значення і викличте функцію.
    Приклад коду виклику функції, слідкуйте за консоллю: var a = 0;
    fun();
    a = 2;
    fun();
    a = 8;
    fun();
    a = 14;
    fun();