Найти тему
Александр Шулепов

Что такое JavaScript. Живые примеры

Меня зовут Александр Шулепов, Я и моя компания занимается разработкой и продвижением сайтов в России и мире более десяти лет. Мы подготовили свежий обзор JavaScript. Так же я веду телеграм-канал. Подписывайтесь, там много полезного https://t.me/shulepov_codeee

JavaScript - это язык программирования, который используется для создания интерактивных веб-страниц и приложений на клиентской стороне. Программы, написанные на JavaScript, могут выполнять различные задачи, такие как валидация форм, создание анимаций, обработка событий пользовательского ввода и многое другое.

Пример использования JavaScript может быть следующий:

<html>
<head>
<title>Пример JavaScript</title>
<script>
function showMessage() {
alert("Привет, мир!");
}
</script>
</head>
<body>
<h1>Нажмите кнопку, чтобы увидеть сообщение</h1>
<button onclick="showMessage()">Нажми меня</button>
</body>
</html>

В этом примере создается простая веб-страница с кнопкой, которая при нажатии вызывает функцию showMessage(). Эта функция выводит диалоговое окно с сообщением "Привет, мир!".

Также JavaScript может использоваться для работы с элементами HTML-страницы. Например, можно изменять содержимое элементов, изменять их стили, а также добавлять и удалять элементы. Вот пример:

<html>
<head>
<title>Пример JavaScript</title>
<script>
function changeText() {
document.getElementById("myElement").innerHTML = "Теперь это другой текст!";
document.getElementById("myElement").style.color = "red";
}
function addElement() {
var newElement = document.createElement("p");
var textNode = document.createTextNode("Это новый элемент!");
newElement.appendChild(textNode);
document.getElementById("myDiv").appendChild(newElement);
}
</script>
</head>
<body>
<div id="myDiv">
<p id="myElement">Это некоторый текст</p>
</div>
<button onclick="changeText()">Изменить текст</button>
<button onclick="addElement()">Добавить элемент</button>
</body>
</html>

В этом примере создается элемент div, содержащий элемент p с идентификатором myElement. Кнопки "Изменить текст" и "Добавить элемент" вызывают функции changeText() и addElement(), которые изменяют содержимое элементов и добавляют новый элемент в div.

Это только малая часть того, что можно сделать с помощью JavaScript. Он имеет множество встроенных функций и методов, а также поддерживает использование сторонних библиотек и фреймворков для упрощения разработки.