Sozdavan

Да, можно изменить скрипт, чтобы он работал на конкретном классе из HTML. В коде JavaScript вы можете использовать метод querySelector или querySelectorAll, чтобы выбрать элемент (элементы) с определенным классом, а затем манипулировать этими элементами или применять к ним желаемую функциональность. Вот пример того, как вы можете использовать метод querySelector для выбора изображения с классом «glitch_effect» и применить к нему эффект сбоя с помощью библиотеки p5.js:

// Select the image element with the class "glitch_effect"
const img = document.querySelector('.glitch_effect');

function setup() {
    // Create a canvas and set its size
    createCanvas(img.width, img.height);
    // Draw the image on the canvas
    image(img, 0, 0);
}

function draw() {
    // Apply the glitch effect to the image
    // (This would typically involve manipulating the pixels of the image)
    // ...
}

Точно так же, если вы хотите выбрать несколько элементов с одним и тем же классом, вы можете вместо этого использовать метод querySelectorAll, который возвращает NodeList элементов, соответствующих переданному ему селектору.

const images = document.querySelectorAll('.glitch_effect');
images.forEach(image =>{
    // apply effect to each image
})

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

Вы можете использовать HTML-элементы time и span для создания машиночитаемых часов работы в HTML. Элемент «time» можно использовать для указания времени начала и окончания события, а элемент «span» можно использовать для переноса часов работы в определенный день. Вот пример:

<p>Opening Hours:</p>
<ul>
  <li>Monday - Friday: <time>9:00</time> - <time>17:00</time></li>
  <li>Saturday: <span class="closed">Closed</span></li>
  <li>Sunday: <time>10:00</time> - <time>16:00</time></li>
</ul>

В этом примере часы работы каждого дня заключены в элемент «li», а время начала и окончания указано с помощью элемента «time». Элемент «span» используется для обозначения того, что магазин закрыт в субботу. Вы также можете использовать атрибут datetime, чтобы указать дату и время в машиночитаемом формате, например:

<p>Opening Hours:</p>
<ul>
  <li>Monday - Friday: <time>9:00</time> - <time>17:00</time></li>
  <li>Saturday: <span class="closed">Closed</span></li>
  <li>Sunday: <time>10:00</time> - <time>16:00</time></li>
</ul>

В этом примере часы работы каждого дня заключены в элемент «li», а время начала и окончания указано с помощью элемента «time». Элемент «span» используется для обозначения того, что магазин закрыт в субботу. Вы также можете использовать атрибут datetime, чтобы указать дату и время в машиночитаемом формате, например:
<time datetime="2022-09-12T09:00">9:00</time>

Рекомендуется также включать aria-label для специальных возможностей и поисковых систем:

<time datetime="2022-09-12T09:00" aria-label="Open at 9:00">9:00</time>

Кроме того, вы можете использовать элемент «meta» с атрибутом «itemprop», чтобы указать часы работы вашего веб-сайта в машиночитаемом формате:

<meta itemprop="openingHours" content="Mo-Fr 09:00-17:00">

Также важно использовать правильный формат для атрибута контента, который можно найти в документации Schema.org для спецификации часов работы