Как выделить искомый запрос в результатах поиска

[WebMachine]

Здравствуйте.
Хочу выделить искомый запрос в результатах поиска жирным шрифтом.
На данный момент написал:

<script>
document.addEventListener("DOMContentLoaded", () => {
   let searchinput = document.querySelector('#searchinput').value;
   let fullpage = document.querySelector('#fullpage').toString();
   // fullpage.replace(searchinput, '<b>'+searchinput+'</b>');
   fullpage.split(searchinput).join('<b>'+searchinput+'</b>');
});
</script>

Подскажите что я делаю не так? В консоли ошибок нет.
Почему запрос в найденных результатах не выделяется?

[рони]

Почему запрос в найденных результатах не выделяется?

где строка которая выводит результат?

[WebMachine]

где строка которая выводит результат?

не понял вопроса

[WebMachine]

где строка которая выводит результат?

Надо чтобы код подсвечивал найденный из input value текст, везде где только увидит его в результатах поиска

[WebMachine]

где строка которая выводит результат?

HELP

[рони]

WebMachine,
не могу помочь, но я говорил про что-то такое

out.innerHTML =  fullpage.replace(searchinput, '<b>'+searchinput+'</b>');

[WebMachine]

out.innerHTML =  fullpage.replace(searchinput, '<b>'+searchinput+'</b>');

Блин я не думаю что это на столько сложно. Надо просто подсвечивать введённое в input значение в тексте.

[WebMachine]

out.innerHTML =  fullpage.replace(searchinput, '<b>'+searchinput+'</b>');

Нашел решение но оно подсвечивает только первое найденное совпадение:

document.addEventListener("DOMContentLoaded", () => {
    let searchinput = document.querySelector('#searchinput').value;
    let newValue = '<b>' +searchinput+ '</b>';
    const elements = document.querySelectorAll('p.fullpage');
    elements.forEach((element) => {
        element.innerHTML = element.textContent.replace(searchinput, newValue);
    });
});

[voraa]

element.innerHTML = element.textContent.replace(searchinput, newValue);

Используйте replaceAll вместо replace.

[WebMachine]

Используйте replaceAll вместо replace.

Спасибо, а можете подсказать как объединить это:

document.addEventListener("DOMContentLoaded", () => {
    let searchinput = document.querySelector('#searchinput').value;
    let newValue = '<b>' +searchinput+ '</b>';
    const elements = document.querySelectorAll('.fulldesc');
    elements.forEach((element) => {
        element.innerHTML = element.textContent.replaceAll(searchinput, newValue);
    });
});

с этим: https://javascript.ru/forum/dom-wind...zav-konec.html