НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML CSS JAVASCRIPT SQL PYTHON PHP JAVA KOTLIN GO C C++ C# Django HOW TO W3.CSS AI БІЛЬШЕ 🔍 ◑ КНИГИ ДОВІДНИКИ ВПРАВИ

JS Підручник

JS Старт JS Інтро JS Установка JS Виведення JS Інструкції JS Синтаксис JS Коментарі JS Змінні JS Ключове слово Let JS Ключове слово Const JS Оператори JS Арифметичні JS Присвоєння JS Типи даних JS Функції JS Об’єкти JS Події JS Рядки JS Рядкові методи JS Рядковий пошук JS Рядкові шаблони JS Числа JS Числові методи JS Масиви JS Методи масиву JS Сортування масиву JS Ітерація масиву JS Масив Const JS Дати JS Формати дат JS Методи отримання дат JS Методи встановлення дат JS Математичні JS Рандомні JS Булеві JS Порівняння JS Умови JS Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Break & Continue JS Ітерації JS Сети (Набори) JS Мапи JS Typeof JS Перетворення типів JS Побітові JS Регулярні вирази JS Помилки JS Область дії JS Хостинг JS Use Strict JS Ключове слово this JS Функція стрілки JS Класи JS Модулі JS JSON JS Дебагінг JS Гід по стилю JS Кращі практики JS Поширені помилки JS Продуктивність JS Зарезервовані слова

JS Версії

JS Версії JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE/Edge JS Історія

JS Об’єкти

Визначення об’єктів Властивості об’єкта Методи об’єкта Відображення об’єкта Доступ до об’єктів Конструктори об’єктів Прототипи об’єктів Ітеровані об’єкти Сети (Набори) об’єктів Мапи (Карти) об’єктів Довідник об’єктів

JS Функції

Визначення функції Параметри функції Виклик функції Функція call() Функція apply() Функція bind() Закриття функції

JS Класи

Класи. Інтро Успадкування класу Статичні методи

JS Асинхроний

Зворотні виклики Асинхроний Проміси Async/Await

JS HTML DOM

DOM Вступ DOM Методи DOM Документ DOM Елементи DOM HTML DOM Форми DOM CSS DOM Анімація DOM Події DOM Слухач подій DOM Навігація DOM Вузли DOM HTMLCollection DOM NodeList

JS Браузер BOM

JS Вікно JS Скрін JS Локація JS Історія JS Навігатор JS Виринаюче сповіщення JS Таймінг JS Куки

JS Веб API

Веб API Вступ Веб-форми API Веб-історія API Веб-сховище API Веб-воркер API Веб-виборка API Веб-геолокація API

JS AJAX

AJAX Вступ AJAX XMLHttp AJAX Запит AJAX Відповідь сервера AJAX XML Файл AJAX PHP AJAX ASP AJAX База даних AJAX Додатки AJAX Приклади

JS JSON

JSON Вступ JSON Синтаксис JSON та XML JSON Типи даних JSON Аналіз JSON Stringify JSON Об’єкти JSON Масиви JSON Сервер JSON PHP JSON HTML JSON JSONP

JS та jQuery

jQuery Селектори jQuery HTML jQuery CSS jQuery DOM

JS Графіка

JS Графіка JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Приклади

JS Приклади JS HTML DOM JS HTML Input JS HTML Об’єкти JS HTML Події JS Браузер JS Редактор JS Вправи JS Вікторина JS Навчальний табір JS Сертифікат

JS Довідники

JavaScript Об’єкти HTML DOM Об’єкти

JavaScript. Уроки W3Schools для початківців українською мовою

En Es De

JavaScript Приклади

❮ Prev Next ❯

Що може робити JavaScript?

JavaScript може змінювати вміст HTML JavaScript може змінювати атрибути HTML JavaScript може змінити стиль CSS JavaScript може приховувати елементи HTML JavaScript може показувати приховані елементи HTML

Пояснення прикладів

Де вставити JavaScript

JavaScript в <head> JavaScript в <body> JavaScript у зовнішньому файлі JavaScript у зовнішній URL-адресі JavaScript у зовнішній папці

Пояснення прикладів

JavaScript Виведення

Запис в HTML виведення Запис в HTML елемент Запис у вікні попередження Запис у консоль браузера

Пояснення виведення

JavaScript Синтаксис

JavaScript інструкції JavaScript числа JavaScript рядки JavaScript змінні JavaScript оператори JavaScript присвоєння JavaScript вирази (з використанням констант) JavaScript вирази (з використанням рядків) JavaScript вирази (з використанням змінних) JavaScript ключові слова JavaScript коментарі JavaScript чутливий до регістру

Пояснення синтаксису

JavaScript Інструкції

Інструкції JavaScript — це команди браузеру Код JavaScript — це послідовність інструкцій JavaScript інструкції відокремлюються крапкою з комою Допускається кілька інструкцій в одному рядку Інструкції JavaScript можна згрупувати в блоки коду Рядок коду можна розривати після оператора або коми.

Пояснення інструкцій

JavaScript Коментарі

Однорядкові коментарі Однорядкові коментарі в кінці рядка Багаторядкові коментарі Однорядковий коментар для запобігання виконанню Кілька рядків коментарів, щоб запобігти виконанню

Пояснення коментарів

JavaScript Змінні

JavaScript змінні JavaScript змінні як алгебра JavaScript числа та рядки JavaScript ключове слово var Оголошення багатьох змінних в одній інструкції Оголошення багатьох змінних багаторядковим Змінна без значення повертає значення undefined Повторне оголошення змінної не знищить значення Додавання чисел JavaScript Додавання рядків JavaScript Додавання рядків і чисел

Пояснення змінних

JavaScript Арифметика

Оператор додавання (+) Оператор віднімання (-) Оператор множення (*) Оператор ділення (/) Оператор модуля (%) Оператор збільшення (++) Оператор зменшення (--)

Арифметика Пояснення

JavaScript Присвоєння

Оператор присвоєння = Оператор присвоєння += Оператор присвоєння -= Оператор присвоєння *= Оператор присвоєння /= Оператор присвоєння %=

Пояснення присвоєння

JavaScript Конкатенація рядків

Додавання двох рядків за допомогою оператора конкатенації (+) Додавання двох рядків разом із пробілом у першому рядку Додавання двох рядків разом із пробілом між ними Додавання двох рядків за допомогою оператора += Додавання рядків і чисел

Пояснення конкатенації

JavaScript Типи даних

Оголошення (створення) рядків Оголошення (створення) чисел Оголосити (створити) масив Оголосити (створити) об’єкт Знайдіть тип змінної Додавання двох чисел і рядка Додавання рядка і двох чисел Змінна undefined Порожня змінна

Пояснення Типів даних

JavaScript Об’єкти

Створіть змінну JavaScript Створіть об’єкт JavaScript Створити персональний об’єкт (один рядок) Створити персональний об’єкт (кілька рядків) Доступ до властивостей об’єкта за допомогою .property Доступ до властивостей об’єкта за допомогою [property] Доступ до властивості функції як метод Доступ до властивості функції як властивості

Пояснення об’єктів

JavaScript Функції

Проста функція Функція з аргументом Функція з аргументом 2 Функція, яка повертає значення Функція, яка перетворює градуси Фаренгейта в градуси Цельсія Виклик функції без ()

Пояснення функцій

JavaScript Події

Подія onclick змінює елемент HTML Подія onclick змінює власний елемент Подія onclick викликає функцію

Пояснення подій

JavaScript Рядки

Рядки можна записувати в одинарних або подвійних лапках Покажіть кілька прикладів рядків Зворотна коса риска перед лапками приймає лапки як лапки Знайдіть довжину рядка Ви можете розбити текстовий рядок за допомогою зворотної косої риски Ви не можете зламати код за допомогою зворотної косої риски Знайдіть позицію першого входження тексту в рядку - indexOf() Пошук тексту в рядку та повернення тексту, якщо знайдено - match() Заміна символів у рядку - replace() Перетворити рядок у верхній регістр - toUpperCase() Перетворення рядка на нижній регістр - toLowerCase() Розбити рядок на масив - split()

Пояснення рядків

JavaScript Числа

Числа можна записувати як з десятковими дробами, так і без них Дуже великі чи дуже малі числа можуть бути записані в експоненті Число вважається точним лише до 15 цифр Арифметика з плаваючою комою не завжди точна на 100% Але це допомагає множити і ділити на 10 Додавання двох чисел призводить до нового числа Додавання двох числових рядків призводить до об’єднаного рядка Додавання числа та числового рядка також призводить до об’єднаного рядка Додавання числового рядка та числа також призводить до об’єднаного рядка Поширена помилка під час додавання рядків і чисел 1 Поширена помилка під час додавання рядків і чисел 2 Під час ділення JavaScript намагатиметься перетворити рядки на числа Під час множення JavaScript намагатиметься перетворити рядки на числа Під час віднімання JavaScript намагатиметься перетворити рядки на числа JavaScript НЕ перетворюватиме рядки на числа під час додавання Число, поділене на рядок, є NaN (не число) Число, поділене на числовий рядок, є числом Глобальна функція JavaScript isNaN() повертає, якщо значення є числом Використання NaN у математичній операції завжди повертатиме NaN Використання NaN у математичній рядковій операції призведе до конкатенації NaN NaN (не число) – це число (так! typeof NaN повертає число) Нескінченність повертається, якщо ви обчислюєте число за межами найбільшого можливого числа Ділення на нуль також породжує нескінченність Infinity – це число (typeof Infinity повертає число) Константи, яким передує 0x, інтерпретуються як шістнадцяткові Метод toString() може виводити числа як шістнадцяткові, вісімкові та двійкові Числа можуть бути об’єктами Числа та об’єктм не можна безпечно порівнювати Об’єкти та об’єкти не можна безпечно порівнювати

Пояснення чисел

JavaScript Числові методи

Метод toString() перетворює число на рядок Метод valueOf() повертає число як число Метод toExponential() повертає число в експоненціальному записі Метод toFixed() округлює число до певної кількості цифр Метод toPrecision() — число, записане заданої довжини Глобальний метод Number() перетворює змінні на числа Глобальний метод Number() може навіть перетворювати дати в числа Глобальний метод parseInt() перетворює рядки на числа Глобальний метод parseFloat() перетворює рядки на числа MAX_VALUE повертає найбільше можливе число в JavaScript MIN_VALUE повертає найменше можливе число в JavaScript POSITIVE_INFINITY символізує нескінченність POSITIVE_INFINITY повертається при переповненні NEGATIVE_INFINITY представляє негативну нескінченність NEGATIVE_INFINITY повертається при переповненні NaN представляє "Not-a-Number" (Не число) Арифметика, виконана над рядком, призведе до NaN Використання властивості Number для змінної поверне значення undefined

Пояснення числових методів

JavaScript Математика

Math.PI повертає значення PI Math.round(x) повертає округлене значення x Math.pow(x, y) повертає значення x у степені y Math.sqrt(x) повертає квадратний корінь із x Math.abs(x) повертає абсолютне (додатне) значення x Math.ceil(x) повертає округлене значення x Math.floor(x) повертає значення x, округлене вниз Math.sin(x) повертає sin кута x (у радіанах) Math.cos(x) повертає косинус кута x (у радіанах) Math.max() повертає число з найбільшим значенням зі списку аргументів Math.min(), щоб повернути число з найменшим значенням зі списку аргументів Перетворення Цельсія у Фаренгейт

Пояснення математики

JavaScript Рандом / Випадкові значення

Math.random() повертає випадкове число від 0 (включно) до 1 (виключено) Як повернути випадкове ціле число від 0 до 9 (обидва включені) Як повернути випадкове ціле число від 0 до 10 (обидва включені) Як повернути випадкове ціле число від 0 до 99 (обидва включені) Як повернути випадкове ціле число від 0 до 100 (обидва включені) Як повернути випадкове ціле число від 1 до 10 (обидва включені) Як повернути випадкове ціле число від 1 до 100 (обидва включені) Як повернути випадкове ціле число між x (включено) та y (виключено) Як повернути випадкове ціле число між x та y (обидва включені)
Пояснення Random

JavaScript Дати

Використовуйте Date(), щоб відобразити сьогоднішню дату й час Використовуйте getFullYear() для відображення року Використовуйте getTime(), щоб обчислити кількість мілісекунд з 1970 року Використовуйте setFullYear(), щоб встановити конкретну дату Використовуйте toUTCString(), щоб перетворити сьогоднішню дату (відповідно до UTC) у рядок Використовуйте getDay(), щоб відобразити день тижня у вигляді числа Використовуйте getDay() і масив, щоб відобразити день тижня як назву Показати годинник

Пояснення дат

JavaScript Масиви

Створити масив I Створити масив II Доступ до елемента масиву Змінити елемент масиву Доступ до повного масиву Знайдіть довжину масиву Цикл по масиву Додати елемент до масиву Додати невизначені "діри" до масиву Як розпізнати масив I Як розпізнати масив II

Пояснення масивів

JavaScript Методи масиву

Додати елемент до масиву Видалити останній елемент масиву - pop() Об’єднати всі елементи масиву в рядок - join() Об’єднати два масиви - concat() Об’єднати три масиви - concat() Додайте елемент у позицію 2 у масиві - splice() Перетворення масиву на рядок - toString() Додати нові елементи на початок масиву - unshift() Видалити перший елемент масиву - shift() Виберіть елементи з масиву - slice()

Пояснення методів масиву

JavaScript Сортування масиву

Сортування масиву в порядку зростання Сортувати масив у порядку спадання Сортування масиву чисел за зростанням Сортувати масив чисел за спаданням Сортування чисел (за алфавітом або цифрами) Сортування чисел масиву у довільному порядку Знайти найменше число в масиві Знайти найбільше число в масиві Знайдіть найменше число в масиві за допомогою Math. min() Знайдіть найбільше число в масиві за допомогою Math. max() Використання "саморобного" методу myArrayMin Використання "саморобного" методу myArrayMax Сортувати об’єкти за числовими властивостями Сортувати об’єкти за властивостями рядка

Пояснення сортування масивів

JavaScript Ітерація масиву

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

Пояснення ітерації масивів

JavaScript Перетворення типу

Відобразити тип усіх типів змінних Відобразити конструктор усіх типів змінних Перетворення числа на рядок за допомогою String() Перетворення числа на рядок за допомогою toString() Дізнатися, чи є змінна масивом Дізнатися, чи є змінна датою

Пояснення Перетворення типу

JavaScript Булеві (логічні) значення

Відобразити значення Boolean(10 > 9) Відобразити значення 10 > 9 Все, що має справжнє значення, є true Логічне значення нуль є false Логічне значення мінус нуль є false Логічне значення порожнього рядка є false Логічне значення undefined є false Логічне значення null є false Логічне значення false є false Логічне значення NaN є false

Пояснення Булевих (логічних) значень

JavaScript Порівняння

Призначте 5 до x і відобразіть значення (x == 8) Призначте 5 до x і відобразіть значення (x == 5) Призначте 5 до x і відобразіть значення (x === 5) Призначте 5 до x і відобразіть значення (x === "5") Призначте 5 до x і відобразіть значення (x != 8) Призначте 5 до x і відобразіть значення (x !== 5) Призначте 5 до x і відобразіть значення (x !== "5") Призначте 5 до x і відобразіть значення (x > 8) Призначте 5 до x і відобразіть значення (x < 8) Призначте 5 до x і відобразіть значення (x >= 8) Призначте 5 до x і відобразіть значення (x <= 8)

Пояснення порівнянь

JavaScript Умови

Інструкція if Інструкція else Інструкція else if Random посилання Інструкція Switch

Пояснення умов

JavaScript Цикли

Цикл For Зациклення масиву Зациклення заголовків HTML Цикл While Цикл Do While Розірвання циклу Розірвання і продовження циклу Використовуйте інструкцію for...in, щоб перебрати елементи об’єкта

Пояснення циклів

JavaScript Обробка помилок

Інструкція try...catch Інструкція try...catch із вікном підтвердження Подія onerror

Пояснення помилок

JavaScript Регулярні вирази

Пошук виразу в рядку Знайдіть вираз і замініть його

Пояснення регулярних виразів

JavaScript Об’єкти

Створення змінної JavaScript Створення об’єкта JavaScript Створення об’єкта JavaScript (один рядок) Створення об’єкта JavaScript (кілька рядків) Створення об’єкта JavaScript за допомогою new Створення об’єктів JavaScript за допомогою конструктора Створення вбудованих об’єктів JavaScript Найкращий спосіб створення змінних JavaScript Об’єкти JavaScript є змінними

Пояснення об’єктів

JavaScript Властивості об’єкта

Доступ до властивостей за допомогою .property Доступ до властивостей за допомогою [property] Доступ до властивостей за допомогою for in Додавання нових властивостей до існуючих об’єктів Видалення властивостей з об’єктів

Пояснення властивостей об’єкта

JSON Об’єкти

Доступ до властивостей за допомогою .property Доступ до властивостей за допомогою [property] Перебирання властивостей Перебирання значень властивостей Доступ до вкладених об’єктів JSON Змініть значення за допомогою крапкової нотації Змініть значення за допомогою позначення в дужках Видалити властивості об’єкта

Пояснення властивостей об’єкта JSON

JSON Масиви

Доступ до значень масиву Перебирання масиву за допомогою for-in Перебирання масиву за допомогою for Доступ до вкладених масивів JSON Змінити значення масиву Видалити елементи масиву

Пояснення масивів JSON

JSON Парсинг (аналіз, розбір)

Використовуйте аналіз JSON Використання аналізу JSON у прикладі AJAX Використання аналізу JSON для масиву Розбір дат Розбір дат за допомогою функції reviver Розбір функцій

Пояснення JSON Парсингу

JSON Stringify (Строкування)

Використовуйте JSON stringify Використання JSON stringify у масиві Stringify дат Stringify функцій Stringify функцій за допомогою методу toString()

JSON Stringify Пояснення

JSON PHP

Отримати JSON з файлу php Отримати масив JSON з php Отримати JSON з бази даних Перебрати результат із бази даних Надішліть JSON за допомогою методу POST

Пояснення JSON PHP

JSON HTML

Створіть таблицю HTML на основі даних JSON Створіть динамічну таблицю HTML Створіть спадний список HTML на основі даних JSON

Пояснення JSON HTML

JSON JSONP

Простий JSONP приклад Створіть динамічний тег script JSONP приклад із динамічним результатом JSONP приклад із функцією зворотного виклику

Пояснення JSON JSONP

❮ Prev Next ❯