Содержит JavaScript: основные принципы и примеры использования

JavaScript (JS) – это высокоуровневый интерпретируемый язык программирования, который широко используется для создания динамических и интерактивных веб-страниц.

В основном, JS используется для добавления функциональности и визуальных эффектов на веб-странице.

Вопрос о наличии кода на JS можно рассмотреть с разных точек зрения. Разберем несколько примеров кода на JS для реализации наиболее популярных задач.

1. Пример кода для проверки наличия подстроки в строке:

               
                   let str = 'Пример строки, содержащей JS код';
                   let substring = 'JS';
   
                   if (str.includes(substring)) {
                       console.log('Строка содержит подстроку JS');
                   } else {
                       console.log('Строка не содержит подстроку JS');
                   }
               
           

   В данном примере используется метод includes() для проверки наличия подстроки в строке. Если подстрока найдена, то выводится сообщение "Строка содержит подстроку JS", иначе – "Строка не содержит подстроку JS".

2. Пример кода для динамического изменения содержимого элемента веб-страницы:

               
                   function changeContent() {
                       let div = document.getElementById('exampleDiv');
                       div.innerHTML = 'Новое содержимое';
                   }
               
           

   При клике на кнопку "Изменить содержимое" вызывается функция changeContent(), которая находит элемент с id "exampleDiv" и изменяет его содержимое на "Новое содержимое".

3. Пример кода для использования событий на веб-странице:

               
                   function sayHello() {
                       alert('Привет, мир!');
                   }
               
           

   При клике на кнопку "Нажми меня" вызывается функция sayHello(), которая выводит всплывающее окно с сообщением "Привет, мир!".

4. Пример кода для создания анимации на веб-странице:

               
                   function animateBox() {
                       let box = document.getElementById('box');
                       let position = 0;
   
                       let animation = setInterval(moveBox, 10);
   
                       function moveBox() {
                           if (position >= 150) {
                               clearInterval(animation);
                           } else {
                               position++;
                               box.style.left = position + 'px';
                           }
                       }
                   }
               
           

   При клике на кнопку "Запустить анимацию" вызывается функция animateBox(), которая изменяет положение элемента с id "box" путем изменения его свойства left. В данном примере анимация перемещает элемент на 150 пикселей вправо.

Все приведенные примеры кода на JavaScript позволяют расширять функциональность и визуальные возможности веб-страницы, делая ее более интерактивной и динамической. Каждый пример демонстрирует особенности использования JS для решения определенных задач. Знание и умение применять JavaScript позволяет создавать функциональные и привлекательные веб-страницы.