JavaScript: let

letпусть создает переменную.

Переменная — это коробочка, в которой может лежать какое-то значение.

Значения переменных можно менять с помощью знака = (читается "присваивание").

Создаем новую переменную x:

JavaScript

let x = 0;

Меняем значение x:

JavaScript

x = 1;

Попробуем пример.

Задание:

  1. Пусть у нас есть кнопка и мы хотим считать, сколько раз на нее нажали. Мы будем вести этот счет в переменной n.

    Перепечатайте пример и проверьте, что когда нажимаешь на кнопку, число на странице меняется.

    HTML

    <button onclick="f()">
    Нажми меня
    </button>
    <div id="text">
    0
    </div>

    JavaScript

    let n = 0;
    function f() {
    n = n + 1;
    document.getElementById("text").innerText = n;
    }

Возможные ошибки:

  1. Проверьте, что onclick набрано правильно. onclik — неправильно. oneclick — неправильно.

  2. В onclick после названия функции нужны скобки. Если написать onclick="f", функция просто не будет вызываться.

  3. let пишется обязательно с маленькой буквы. В JavaScript есть разница между большими и маленькими буквами.

  4. getElementById — сложное слово. "Гет элемент бай айди". Предпоследняя буква — заглавная i.

n++ (инкремент)

Увеличивать переменные на единицу приходится часто, поэтому вместо n = n + 1 можно писать просто n++.

Задание:

  1. Поменяйте n = n + 1 в примере выше на n++ и проверьте, что он работает точно так же.

Возможные ошибки:

  1. Проверьте, что n++ набрано без пробелов. n + + — не сработает.

n-- (декремент)

Задание:

  1. Поменяйте n++ в примере выше на n--. Теперь число должно уменьшаться, а не увеличиваться.