Поиск текста из другого файла

@sharkn09 · Регистрация: 11.04.2020

Студворк — интернет-сервис помощи студентам

Здравствуйте, помогите сделать поиск. Ситуация такова, есть папка, в ней несколько файлов, основной файл:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="eng">
<html>
<body>
<p>Lorencia</p>
<p>Noria</p>
<p>Devias</p>
<p>Dungeon<p>
<input type="text" id="search" placeholder="  ПОИСК"></input>
<p>RESULT: </p>
</body>
</html>

Весь искомый текст находится в директории data/summary.html
Сам файл summary.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
    <title>MAP</title>
    <link href="C:\Users\The1L\OneDrive\Документы\murdrum\css\styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="table"><table>
    <tbody>
        <tr>
            <td>Spider</td>
            <td>Small Axe+0, Summon Golbin Jewel, Apple, Scroll of Archangel +1, Blood Bone +1                      </td>
        </tr>
        <tr>
            <td>Budge Dragon</td>
            <td>Small Axe+0,     Short Bow+0, Apple, Box of Heaven, Firecracker, Scroll of Archangel +1, Blood Bone +1              </td>
        </tr>
        <tr>
            <td>Bull Fighter</td>
            <td>Small Axe+1, Hand Axe+0, Short Bow+0, Crossbow +0, Summon Goblin Jewel, Apple, Firecracker, Sign of lord, Blood Fang +1, Scroll of Archangel +1             </td>
        </tr>
        <tr>
            <td>Hound
</td>
            <td>Small Axe +2, Hand Axe +1, Short Bow +1, Crossbow +1, Summon Goblin Jewel, Apple                </td>
        </tr>
    </tbody>
</table></div>
 
</body>
</html>

Если я пишу в поле для поиска Small Axe +0, по найденный текст из второго столбца(вещи) записывается в RESULT из первого столбца(мобы). То есть Spider, Budge Dragon через запятую.

@sharkn09 · 21.01.2022, 12:54 **[ТС]**

По сути нужен скрипт, который будет читать из файла summary и выводить результат в основной файл. Поиск по второму столбу, а вывод из первого в основной файл.

@diadiavova · 22.01.2022, 17:27

sharkn09, в общем и целом это будет выглядеть примерно так

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="eng">
<html>
 
<body>
    <p>Lorencia</p>
    <p>Noria</p>
    <p>Devias</p>
    <p>Dungeon
    <p>
        <input type="text" id="search" placeholder="  ПОИСК" /> <button id="btnSearch">Искать</button>
    <p>RESULT: <span id="result"></span> </p>
    <script>
        document.getElementById("btnSearch").addEventListener("click", async function (evt)
        {
            let summary = await fetch("data/summary.html");
            let parser = new DOMParser();
            let doc = parser.parseFromString(await summary.text(), "text/html");
            let trs = doc.querySelectorAll("tr");
            let res = [];
            let svalue = document.getElementById("search").value;
            for (let tr of trs)
            {
                let tds = tr.querySelectorAll("td");
                if (tds[1].textContent.includes(svalue)) res.push(tds[0].textContent);
            }
            document.getElementById("result").textContent = res.join(", ");
        });
    </script>
 
</body>
 
</html>

Но тут надо учесть пару вещей. Во-первых, адрес файла с данными указан относительно основного документа, то есть основной документ должен находиться в той же директории, что и папка data. Кроме того, поиск тут осуществляется по точному тексту. В примере у тебя есть некоторые разночтения, например перед плюсом кое-где есть пробел, а кое-где нет. В файле написано Axe+0, а в запросе ты предлагаешь писать

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

Если я пишу в поле для поиска Small Axe +0

Так работать не будет. Если нужно, что бы работало и так тоже, то надо будет установить правила, по которым нужно будет согласовывать текст запроса с реальным текстом. Это уже сложнее будет.

@sharkn09 · 23.01.2022, 09:22 **[ТС]**

Спасибо огромное. Буду разбираться, но пока что-то не работает. Насчет разночтения, я когда делал первые таблицы, писал по требованиям с сайта, а уже последующее внесения делал как необходимо.

@diadiavova · 23.01.2022, 09:28

sharkn09, чтобы работало надо с сервера запустить

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера . . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

Поиск текста из другого файла

Решение

Решение

@sharkn09 0 / 0 / 0 Регистрация: 11.04.2020 Сообщений: 4
	21.01.2022, 12:54 [ТС]
	По сути нужен скрипт, который будет читать из файла summary и выводить результат в основной файл. Поиск по второму столбу, а вывод из первого в основной файл. 0

@sharkn09 0 / 0 / 0 Регистрация: 11.04.2020 Сообщений: 4
	23.01.2022, 09:22 [ТС]
	Спасибо огромное. Буду разбираться, но пока что-то не работает. Насчет разночтения, я когда делал первые таблицы, писал по требованиям с сайта, а уже последующее внесения делал как необходимо. 0

@diadiavova 7258 / 2605 / 744 Регистрация: 11.04.2015 Сообщений: 4,149 Записей в блоге: 43
	23.01.2022, 09:28
	Сообщение было отмечено sharkn09 как решение Решение sharkn09, чтобы работало надо с сервера запустить 1