Javascript

Javascript – язык программирования.

Официальная спецификация EcmaScript-262 . ISO/IEC 22275:2018.
MDN Web Docs: введение в JS , руководство по JS , справочник по JS .

Подключение скриптов

HTML


<!DOCTYPE html>
<html>
	<head>
		<title>Заголовок страницы</title>
	</head>
	<body>
		...
		<script src="./script.js"></script> // Перед закрывающим тегом </body>
	</body>
</html>

Случайные числа

JavaScript


let randomNumber = Math.random() * 10;
let randomNumberInt = Math.floor(randomNumber);
 
console.log(randomNumber); // 9.954248768805199
console.log(randomNumberInt); // 9

или в одну строку

JavaScript


let randomNumberInteger = Math.floor(Math.random() * 10);

Конкатенация

Конкатенация – сложение строк.

JavaScript


function sayHello(name) {
    return 'Добрый' + ' день, ' + name;
}
 
let greeting = sayHello('Георгий');
 
console.log(greeting); // "Добрый день, Георгий" — вывели в консоль
alert(greeting); // "Добрый день, Георгий" — показали в модальном окне

Условия

JavaScript


if (age >= 18) {
    console.log('вход разрешен');
} else {
    console.log('несовершеннолетним вход восперещён');
}

Циклы

JavaScript


let array = ['животные', 'растения', 'грибы'];
 
for (let i = 0; i <= 4; i = i + 1) {
  console.log(array[i]);
}
// животные
// растения
// грибы

Выбор элементов страницы

Выбрать первый элемент по селектору класса:

JavaScript


let button = document.querySelector('.my-button');

Заменить текст элемента:

JavaScript


let button = document.querySelector('.my-button');
button.textContent = 'Новое название кнопки';

Слушатель событий

JavaScript


// находим элемент .button и кладём в переменную
let button = document.querySelector('.button');
 
// обращаемся к переменной, добавляем элементу слушатель клика
button.addEventListener('click', function () {
  // что происходит при клике по кнопке
});