Показать страницуСсылки сюдаДобавить в книгуНаверх Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно. ====== Шпаргалка по 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// docs/helpjs.txt Последнее изменение: 19 ч. назад — admin