Поиск текста на странице с шрифтом красный и НЕ красный

@Ципихович Эндрю · 13.01.2021, 08:40 **[ТС]**

спасибо

Сообщение от web_coder2

нужно запускать на сервере с https иначе navigator.clipboard undefined

я на Лисе запускал в файле-всё хорошо
а если по мотивам ПДД?
можно сделать-добавить жёлтый и зелёный?
ну пока ошибки такие:
жму НЕ красный, выделяет правильно, но в буфере не гут:
Три цвета есть у светофора.
цвет - проезда нет.

если жму красный-говорит 0

жму НЕ красный-говорит 2, но не подсвечивает и в буфере не гут (чуть выше писал-другая реакция):
Три цвета есть у светофора.
цвет - проезда нет.

HTML5

<!DOCTYPE html>
<!--
Поиск текста на странице с шрифтом красный и НЕ красный
https://www.cyberforum.ru/javascript/thread2767362.html
-->
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        mark{
            background-color: pink;<!--Pink-розовый-подсветка текста-->
        }
    </style>
</head>
<body>
<div>
    <input type="text" class="search">
    <button class="red">Red-красный</button>
    <button class="red">Yellow-желтый</button>
    <button class="red">Green-зеленый</button>
    <button class="not-red">Not Red-Не красный</button>
</div>
<div class="container-text">
<pre>
<span>Три цвета есть у светофора.</span>
<span>Они понятны для шофера:</span>
<span style='color:red'>Красный</span> <span>цвет - проезда нет.</span>
<span style='color:yellow'>Желтый</span> <span>– будь готов к пути,</span>
<span>А</span> <span style='color:green'>зеленый</span> <span>свет – кати!</span>
</pre>
</div>
<dialog id="dialog">
</dialog>
<script>
document.querySelector("button.red").onclick = search
document.querySelector("button.not-red").onclick = search
function search(e) {
    if(!navigator.clipboard)
        alert("navigator.clipboard undefined запустите пример на сервере с https")
    let search_text = document.querySelector(".search").value.trim();
 
    let red = e.target.classList.contains("red")
 
    let clip = []
    document.querySelectorAll(".container-text span").forEach(e => {
            let textForClip = e.innerHTML.replace(/(<([^>]+)>)/gi, "");
            e.innerHTML = textForClip //clear marks
            let p = _ => {
                if(textForClip.includes(search_text)){
                    e.innerHTML = e.innerHTML.replace(RegExp(search_text,"g"), `<mark>${search_text}</mark>`)
                    clip.push(textForClip)
                }
            }
            // insert marks
            if(red){
                if(e.style.color == "red") p()
            }
            else if(e.style.color != "red") p()
        })
    //copy to clipboard
    navigator.clipboard.writeText(clip.join("\n")).then(
        _ => alert(`Скопировано в буфер ${clip.length} элементов, жмите CTRL+V чтобы увидеть что там`),
        e => alert(`Произошла ошибка копирования в буфер: ${e.message}`))
}
</script>
</body>
</html>

спасибо
спасибо
спасибо

Вернуться к обсуждению:
Поиск текста на странице с шрифтом красный и НЕ красный

Другие темы раздела
JavaScript Как узнать статус XMLHttpRequest на сайте? https://www.cyberforum.ru/ javascript/ thread2766104.html Пишу парсер, контент на сайте постоянно обновляется через XMLHttpRequest, из-за чего периодически возникают трудности с анализом текста когда контент прогружается лишь частично. Возможно ли отследить...	JavaScript Как загрузить видео? Добрый вечер, подскажите поэалуйста У меня на сайте есть стандартные видео HTML <video></video> можно ли как нибудь к ним применить ленивую загрузку, то есть чтобы они загружались только тогда...
Юнит-тесты для фронтэнда JavaScript Добрый день, подскажите плииз. Такое вообще существует??? Здача - записать что-то вроде "макросов для мышки и клавиатуры" и проигрывать их в страницах в ожидании проверенного/ожидаемого...	JavaScript Бесконечная лента на сайте Здравствуйте всем! Столкнулся с задачей, как сделать на сайте бесконечную ленту? (аля одноклассники) может есть готовые решения? https://www.cyberforum.ru/ javascript/ thread2765836.html
JavaScript Поменять местами цвета кнопок https://www.cyberforum.ru/ javascript/ thread2765760.html Возникла проблема в написании функции. Есть поле с кнопками 11x11, каждая из которых имеет свой цвет и мы так видим рисунок 11x11 пикселей. Мне нужно написать функцию поворота этого рисунка на 90...	неправильно работает математическое уравнение JavaScript Я что-то недогоняю, объясните мне пожалуйста. Я вычисляю процент от числа, и прибавляю и вычитаю этот процент к этому числу. Допустим, от числа 100 ищу 1 процент, в одно поле вставляю результат...
JavaScript Динамически создать кнопку с картинкой Здраствуйте, етот код создает кнопку с картинкой и текстом, <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <button class="myButton"...	JavaScript Получить клас-родителя, обратное :nth-child(n) Здраствуйте, скажите пожалуйста как можно обратится к класу родителя без id, тоесть зделать обратное :nth-child() К примеру зделать здесь так чтоб красился бек-граунд контейнера а не кнопок ... https://www.cyberforum.ru/ javascript/ thread2764787.html
JavaScript d3js не рисует path https://www.cyberforum.ru/ javascript/ thread2764775.html Сообщений о исключениях нет. Данные в массиве есть. Не могу понять что этой скотине не хватает. Может кто то сможет подсказать ? function Chart(id, data) { var chartData =...	JavaScript Работа с базой данных из UserJS Никак не найду способа делать запросы из UserJS (JavaScript, подключаемый к неродному сайту менеджером скриптов) скрипта в базу данных Microsoft SQL Server. Мне нужно подключиться к БД, прочитать... https://www.cyberforum.ru/ javascript/ thread2764740.html
JavaScript Узнать задан ли color https://www.cyberforum.ru/ javascript/ thread2764492.html Добрый день, подскажите плиииз. Пытаюсь создать "мигание" для любого элемента "с восстановлением". Для этого задаю цвет на едко-красный, а потом восстанавливаю "на прошлый". Прошлый color...	JavaScript Отфильтровать массив объектов циклом. В консоль ничего не выводится. Я так же пробовал через while и толку 0. В консоль вылезает такая ошибка:"1.js:6 Uncaught SyntaxError: Invalid shorthand property initializer". Вот код var cars = ... https://www.cyberforum.ru/ javascript/ thread2764138.html