Михаил Р.

// get DOM elements
const searchInput = document.getElementById('searchInput');
const resultsContainer = document.getElementById('resultsContainer');

// search from array
function searchBooks(query) {
    return CLASS5.filter(book => {
        return book.query.toLowerCase().includes(query.toLowerCase())
            || book.athor.toLowerCase().includes(query.toLowerCase())
            || book.pages.toLowerCase().includes(query.toLowerCase())
            || book.age.toLowerCase().includes(query.toLowerCase())
            || book.classn.toLowerCase().includes(query.toLowerCase());
    });
}

// print
function displayResults(results) {
    resultsContainer.innerHTML = '';

    if (results.length === 0) {
        resultsContainer.innerHTML = '<p>Ничего не найдено...</p>';
        return;
    }

    results.forEach(book => {
        const bookCard = document.createElement('div');
        bookCard.innerHTML = `
            <h2>${book.query}</h2>
            <p>${book.athor}</p>
            <p>${book.pages}</p>
            <p>${book.age}</p>
            <p>${book.classn}</p>
            <img src="${book.images}" alt="Book Image">
        `;
        resultsContainer.appendChild(bookCard);
    });
}

// handler
searchInput.addEventListener('input', (event) => {
    const query = event.target.value;
    const results = searchBooks(query);
    displayResults(results);
});

let isScrolling = false;

window.addEventListener('scroll', function(e) {
  if(isScrolling) {
    e.preventDefault();
    return;
  }
  
  // handler
});

function scrollTo() {
  isScrolling = true;

  window.scrollTo({
    top: 100,
    behavior: "smooth"
  });

  setTimeout(() => isScrolling = false, 500);
}

let children = Array.from(e.parentNode.children);
let index = children.indexOf(e);
if (index > -1) {
    children.splice(index, 1);
}

подскажите библиотеку, в которой можно - такую же легкую, как и эта, то есть, без наворотов.

import socket
import ssl

def test_connection(address):
    certs_return = ""
    context = ssl.create_default_context()
    context.check_hostname = False
    context.verify_mode = ssl.CERT_NONE

    try:
        with socket.create_connection((address, 443), timeout=10) as sock:
            with context.wrap_socket(sock, server_hostname=address) as ssock:
                cert = ssock.getpeercert()
                for (issuer, entry) in cert['issuer']:
                    certs_return += "{}={}\n".format(issuer, entry)
    except Exception as e:
        certs_return = "0"

    return certs_return

.footer {
    position: relative;
    overflow: visible;
}

.footer:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    background: gray;
}

да рядов может быть гораздо больше и при адаптации в ряду может быть и 2 и 1 элемент

$('td a').click(function(event){
    event.stopPropagation();
    // code from a
});

$('td').click(function(){
    // code from td
});

async sendNewData() {
    await this.requestToServer(url);
    console.log(this.failMessage);
}

class Lists {
    constructor(items, failMessage) {
        this.items = items;
        this.failMessage = failMessage;
    }

    async requestToServer(url) {
        let response = await fetch(url, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json;charset=utf-8',
            }
        });

        if (response.ok) {
            this.items = await response.json();
        } else if (response.status == 422) {
            this.failMessage = await response.json();
        }
    }

    async sendNewData(url) {
        await this.requestToServer(url);
        console.log(this.failMessage);
    }
}

Dragscroll is a micro JavaScript library (910 bytes minified)