Search And Highlight Text In HTML Page Using JavaScript | JavaScript Project

preview_player
Показать описание
Search and highlight text in html page using javascript. Pure html css and vanilla javascript only.

const special = /[\\[{().+*?|^$]/g;

Related Keywords
* search text in html page using javascript
* search and highlight in document using javascript
* search and mark using javascript
* simple search in javascript
* search text keyword in html document
* search, find and highlight using javascript
* highlight Searched text With javascript
* highlighting the search result
* highlighting keywords in a string with javascript
* working search box in javascript in Hindi
* how to highlight text on a web page
* how to create highlight keyword
* how to get the selected text in javaScript
* how to highlight code syntax in javascript using highlight js
* how to highlight keywords in a string using javascript
* how to create a simple search engine using javascript
* search from array of objects in javascript
* create a basic search engine using javascript
* search engine using javascript
* learn javascript with simple project

#ProgrammingTT #HTML #CSS #JavaScript

Рекомендации по теме
Комментарии
Автор

When i click Search buton my text disappeared. can you help me please?

er_channel
Автор

Hello, do you know how to fix let is not keyword in my code of VS code?
Thank you!

linlin-dq
Автор

how to apply it when it comes in more paragraph?

ricardojr.r.lasala
Автор

why im not working for this code with Visual Code

taktakgacor
Автор

sorry but it is work only for id..
can you make it work for class ?? :(
i need for my task :(

naufalnasrullahh
Автор

Hey, nice video! I'm wondering how is your code removing the highlights of previous search when doing the next one ?

ivanazirojevic
Автор

Can you upload all code in github please

himynameisamir
Автор

I today try this it is only highlighting but not giving the content can you able to do it

Rahman-bpjz
Автор

Weather this will works like... find in page which is available in Google Chrome

Rahman-bpjz
Автор

How to apply it in HTML Table? Reply Please 🥺

nivedhapalanisamy
Автор

i am getting error as function not defined

ruchidavda
Автор

<script type="text/javascript">
const p =

function search() {

Let input =

if (input !== "") {

Let regExp = new RegExp(input, "gi");
p.innerHTML = (p.textContent).replace(regExp, "<mark>$&</mark>");
}
}
</script>

WHAT HAVE I WRITEN WRONG it doesn't work

GeoPro
visit shbcf.ru