Wyszukiwarka po słowie kluczowym

pytanie zadane 9 lipca 2019 w JavaScript przez Aser11 Nowicjusz (120 p.)
edycja 9 lipca 2019 przez Aser11

Hej,

Dla przykładu mam 2 pliki:

index.html oraz produkt.html

Chciałbym aby w index.html poprzez wyszukiwarkę wyszukiwało słowa klucz w produkt.html.

----

Na stronie index.html są dajmy na to 2 kwadraty, które są odsyłaczami do innych stron oraz wyszukiwarka.

Jeden kwadrat jest odsyłaczem do strony produkt.html, a drugi do strony głównej czyli index.html.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title> searcher </title>
</head>
<body>
    <input id="search" placeholder="Szukaj...">
    <div class="container">
        <a href="produkt.html" class="card">
            <div >
                <p>Produkty</p>
            </div>
        </a>
        <a href="index.html" class="card" >
            <div >
                <p>Strona główna</p>
            </div>
        </a>
    </div>
    <script src="script.js"></script>
</body>
</html>

Dajmy na to w pliku produkt.html jest tekst na temat butów.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title> XYZ </title>
</head>
<body>
    <input id="search" placeholder="Szukaj...">
    <article>

    <p>Okrągły obcas
    Wyglądają bardziej designersko niż modele na szpilce lub słupku. Buty na okrągłym obcasie zazwyczaj nie są wysokie, więc będą idealne co dzień. Czółenka i klapki w tym stylu znajdziesz obecnie na wyprzedażach. W sezonie wiosenno-letnim znane sieciówki już dostrzegły ich potencjał.</p><br>
    <p>Wydłużone noski
    Pojawiły się już rok temu, ale nie wybiły się na pierwszy plan. Obecnie to jeden z najważniejszych trendów. Nie ma znaczenia czy będziesz chodziła w botkach, kozakach czy balerinach. Ważne, żeby miały wydłużone noski. Nam najbardziej podoba się propozycja od Elie Saab - klasyczne kozaki na szpilce i efektowny szpic.</p>

    </article>

    </div>
    <script src="script.js"></script>
</body>
</html>

Więc jeżeli w wyszukiwarkę wpiszemy jakiś tekst,słowo które znajduję się w produkt.html to powinien wyskoczyć kwadrat z odsyłaczem do strony produkt.html