MyWiki

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== Шпаргалка по JavaScript ======

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

===== 2. Основные символы =====
^ Символ ^ Значение ^ Пример ^
| ; | конец команды | ''x = 5;'' |
| = | присвоить значение | ''a = 10;'' |
| + - * / | математика | ''2 + 2'' |
| () | вызов функции | ''alert("ok")'' |
| {} | блок кода | ''{ x=1; }'' |
| ''""'' | текст (строка) | ''"Привет"'' |

===== 3. Типы данных =====
  * ''"текст"'' — строка
  * ''42'' — число
  * ''true'' / ''false'' — да/нет
  * ''null'' — пусто
  * ''undefined'' — не определено

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

Пример:
<code javascript>
let возраст = 25;
const PI = 3.14;
let имя = "Вася";
</code>

===== 5. Главные функции =====
^ Функция ^ Что делает ^ Пример ^
| ''alert()'' | всплывающее окно | ''alert("Привет");'' |
| ''console.log()'' | вывод в консоль | ''console.log("отладка");'' |
| ''prompt()'' | спросить текст | ''let name = prompt("Как тебя зовут?");'' |
| ''confirm()'' | спросить да/нет | ''let ok = confirm("Точно?");'' |
| ''Number()'' | превратить в число | ''Number("123")'' |
| ''String()'' | превратить в строку | ''String(456)'' |

===== 6. Условия (if / else) =====
<code javascript>
let возраст = 18;

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

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

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

===== 7. Циклы =====

**for** — когда знаешь количество повторений:
<code javascript>
for (let i = 1; i <= 5; i++) {
  console.log("Шаг " + i);
}
</code>

**while** — пока условие верно:
<code javascript>
let i = 1;
while (i <= 5) {
  console.log("Шаг " + i);
  i++;
}
</code>

===== 8. Массивы (списки) =====
<code javascript>
let фрукты = ["яблоко", "банан", "апельсин"];

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

for (let i = 0; i < фрукты.length; i++) {
  console.log(фрукты[i]);
}
</code>

===== 9. Объекты =====
<code javascript>
let кошка = {
  имя: "Мурка",
  возраст: 3,
  мяукает: true,
  сказать: function() {
    alert("Мяу!");
  }
};

кошка.имя;           // "Мурка"
кошка["возраст"];    // 3
кошка.сказать();     // вызов метода
кошка.цвет = "белый"; // добавить свойство
</code>

===== 10. Функции =====

**Обычная функция:**
<code javascript>
function приветствие(имя) {
  return "Привет, " + имя + "!";
}

let сообщение = приветствие("Аня");
alert(сообщение);
</code>

**Стрелочная функция (современный стиль):**
<code javascript>
const сумма = (a, b) => a + b;
alert(сумма(5, 3)); // 8
</code>

===== 11. Работа с HTML =====

**Найти элемент:**
<code javascript>
document.getElementById("myId");           // по id
document.querySelector(".myClass");        // по CSS селектору
document.querySelectorAll("p");            // все абзацы
</code>

**Изменить содержимое:**
<code javascript>
let заголовок = document.getElementById("title");
заголовок.innerHTML = "Новый текст";
заголовок.style.color = "red";
</code>

**Обработка нажатия кнопки:**
<code html>
<button onclick="myFunction()">Нажми</button>
</code>
<code javascript>
function myFunction() {
  alert("Кнопка нажата!");
}
</code>

===== 12. Полезные приёмы =====

**Шаблонные строки (вместо склеивания):**
<code javascript>
let имя = "Вася";
alert(`Привет, ${имя}!`);
</code>

**Тернарный оператор (короткий if):**
<code javascript>
let возраст = 20;
let статус = возраст >= 18 ? "взрослый" : "ребёнок";
</code>

**Проверка на число:**
<code javascript>
let значение = prompt("Введи число");
if (!isNaN(значение)) {
  alert("Это число!");
}
</code>

**Случайное число:**
<code javascript>
let случайное = Math.random();           // от 0 до 1
let от1до10 = Math.floor(Math.random() * 10) + 1;
</code>

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

===== 14. Быстрые примеры =====

**Калькулятор:**
<code javascript>
let a = Number(prompt("Первое число"));
let b = Number(prompt("Второе число"));
alert(`Сумма: ${a + b}`);
</code>

**Проверка пароля:**
<code javascript>
let пароль = prompt("Введите пароль");
if (пароль === "12345") {
  alert("Доступ разрешён");
} else {
  alert("Неверный пароль");
}
</code>

**Цифры от 1 до 10:**
<code javascript>
for (let i = 1; i <= 10; i++) {
  console.log(i);
}
</code>

===== 15. Где искать помощь =====
  * Консоль браузера (F12) — покажет ошибки
  * Напиши ''console.log(переменная)'' — проверь значение
  * MDN Web Docs (русский) — документация
  * Загугли: "javascript как сделать ..."

----

//[[antistatus@mail.ru|Antistatus]] 15.04.2026 08:38//