sm/static/js/findscript.js - master - MaxIs/savemoney

sm/static/js/findscript.js
54 строки2 KB
zalma2006
init commit
19 окт 2025, 17:31
19 окт 2025, 17:319428781
window.addEventListener('DOMContentLoaded', event => {
    const locale_HTML = document.body.innerHTML;
    let find_search = document.querySelector('.button_for_search');
    let del_find_search = document.querySelector('.button_for_turn_back');

    function FindOnPageBack() {
        console.log('поиск отменён')
    }
    function FindOnPageGo(input) {
        let pr, result, result_arr, result_arr_old
        pr = document.body.innerHTML; // сохраняем в переменную весь body
        result = pr.match(/>(.{3,})</g); //отсекаем все теги и получаем только текст
        // отрезаем теги > < от слов
        for (let i=0; i < result.length; i++) {
            let res = result[i]
            res = res.replace(/^>/, '')
            res = res.replace(/<$/, '')
            result[i] = res
        }
        result_arr = []; //в этом массиве будем хранить результат работы (подсветку)
        result_arr_old = [];

        for (let i = 0; i < result.length; i++) {
            let res = result[i]
            if (res.includes(input)) {
                res = res.replace(input, '<span style="background-color:salmon;">' + input + '</span>')
                result_arr_old.push(result[i]);
                result_arr.push(res);
            }// находим нужные элементы, задаем стиль и сохраняем в новый массив
        }
        for (let i = 0; i < result_arr_old.length; i++) {
            pr = pr.replace(result_arr_old[i], result_arr[i])
        }
        // console.log(pr)
        console.log(result)
        console.log(result_arr_old)
        console.log(result_arr)
        document.body.innerHTML = pr;
    }
    function FindOnPage(status) {
        if(status) {
            let input = document.querySelector('.place_for_search').value
            if ( input.length > 0 && input.length < 3) {
                alert('введите 3 и более символа');
            }
            else { FindOnPageGo(input); }
        }
        else { FindOnPageBack(); }
    }

    del_find_search.addEventListener('click', () => {FindOnPage(false)}, true);
    find_search.addEventListener('click', () => {FindOnPage(true)}, true);

})