Выделение подстроки в строке

243

17 ноября 2021, 05:40

let string=prompt(),stringsearch=prompt(),count=0,find,arr=[];
for(var i = 0;i<string.length;i++){
    find=string.indexOf(stringsearch, count)
    if(find==-1) {
        break;
    }
    else{
    arr.unshift(find);
    count=find+1;}}  
for (var i=0;i<arr.length;i++){
    document.querySelector('p').innerHTML=string;
    }   
    console.log(arr)

<p id='p'></p>

В первом промпте я ввожу какой либо текст , во втором символ который нужно найти в этом тексте и подсветить. Найти вот он ищет , а подсветить не выходит. Выручайте

Answer 1

Если нужно выделить только первое совпадение:

var paragraph = document.querySelector('p'); 
var string,substring; 
 
string = prompt(); 
substring = prompt(); 
 
paragraph.innerHTML = string.replace(substring, `<span>${substring}</span>`);

span { 
  color: red; 
}

<p></p>

Если нужно выделить все совпадения:

var paragraph = document.querySelector('p'); 
var string,substring; 
 
string = prompt(); 
substring = prompt(); 
 
var re = new RegExp(substring, 'g'); 
paragraph.innerHTML = string.replace(re, `<span>${substring}</span>`);