Шпаргалка по JavaScript

• В консоли браузера (F12 → Console) — для быстрых экспериментов
• В файле .html между тегами <script>код</script>
• В отдельном файле script.js и подключить: <script src=«script.js»></script>

• «текст» — строка
• 42 — число
• true / false — да/нет
• null — пусто
• undefined — не определено

• let имя = значение; — можно менять
• const имя = значение; — константа (не меняется)
• var имя = значение; — устаревший способ (лучше не использовать)

Пример:

let возраст = 25;
const PI = 3.14;
let имя = "Вася";

let возраст = 18;
 
if (возраст >= 18) {
  alert("Проходи");
} else if (возраст > 0 && возраст < 18) {
  alert("Иди гуляй");
} else {
  alert("Ошибка");
}

Сравнилки: ==, ===, >, <, >=, ⇐, !=, !==

• == — равно по значению (5 == «5» → true)
• === — строго равно (5 === «5» → false)
• && — И (оба условия верны)
• || — ИЛИ (хотя бы одно верно)
• ! — НЕ (отрицание)

for — когда знаешь количество повторений:

for (let i = 1; i <= 5; i++) {
  console.log("Шаг " + i);
}

while — пока условие верно:

let i = 1;
while (i <= 5) {
  console.log("Шаг " + i);
  i++;
}

let фрукты = ["яблоко", "банан", "апельсин"];
 
фрукты[0];           // "яблоко" (нумерация с 0!)
фрукты.length;       // 3 (длина массива)
фрукты.push("киви"); // добавить в конец
фрукты.pop();        // удалить последний
фрукты[1] = "груша"; // заменить элемент
 
for (let i = 0; i < фрукты.length; i++) {
  console.log(фрукты[i]);
}

let кошка = {
  имя: "Мурка",
  возраст: 3,
  мяукает: true,
  сказать: function() {
    alert("Мяу!");
  }
};
 
кошка.имя;           // "Мурка"
кошка["возраст"];    // 3
кошка.сказать();     // вызов метода
кошка.цвет = "белый"; // добавить свойство

Обычная функция:

function приветствие(имя) {
  return "Привет, " + имя + "!";
}
 
let сообщение = приветствие("Аня");
alert(сообщение);

Стрелочная функция (современный стиль):

const сумма = (a, b) => a + b;
alert(сумма(5, 3)); // 8

Найти элемент:

document.getElementById("myId");           // по id
document.querySelector(".myClass");        // по CSS селектору
document.querySelectorAll("p");            // все абзацы

Изменить содержимое:

let заголовок = document.getElementById("title");
заголовок.innerHTML = "Новый текст";
заголовок.style.color = "red";

Обработка нажатия кнопки:

<button onclick="myFunction()">Нажми</button>

function myFunction() {
  alert("Кнопка нажата!");
}

Шаблонные строки (вместо склеивания):

let имя = "Вася";
alert(`Привет, ${имя}!`);

Тернарный оператор (короткий if):

let возраст = 20;
let статус = возраст >= 18 ? "взрослый" : "ребёнок";

Проверка на число:

let значение = prompt("Введи число");
if (!isNaN(значение)) {
  alert("Это число!");
}

Случайное число:

let случайное = Math.random();           // от 0 до 1
let от1до10 = Math.floor(Math.random() * 10) + 1;

• Забыл кавычки: alert(Привет); → нужно alert(«Привет»);
• Опечатка в имени переменной: let name = «Оля»; alert(naem);
• Не закрыл скобку: if (x > 5 { → нужно if (x > 5) {
• Путаешь = и ==: if (x = 5) (присвоение, а не сравнение)
• Забыл let перед переменной: x = 5; → лучше let x = 5;

Калькулятор:

let a = Number(prompt("Первое число"));
let b = Number(prompt("Второе число"));
alert(`Сумма: ${a + b}`);

Проверка пароля:

let пароль = prompt("Введите пароль");
if (пароль === "12345") {
  alert("Доступ разрешён");
} else {
  alert("Неверный пароль");
}

Цифры от 1 до 10:

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

• Консоль браузера (F12) — покажет ошибки
• Напиши console.log(переменная) — проверь значение
• MDN Web Docs (русский) — документация
• Загугли: «javascript как сделать …»

Antistatus 15.04.2026 08:38