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 () {
  // что происходит при клике по кнопке
});

HTML JSON