regex finder by @Codewith.it - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<ul>Usato per la creazione di liste non ordinate.
<title>Definisce il titolo della pagina web.
<br>Inserisce uno spazio vuoto tra due elementi HTML.
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
<pre>Indica una parte di testo preformattato
<textarea>Area di testo libero espandibile per form HTML

Users

Log in to search for users

Explore

Find inspiration

Crunchyroll Replica

Esercizi 05/03/2024 es8

Esercitazione 2

Articoli di Pugilato

I Nostri Servizi

Barra di ricerca per sito

Neon Flux - Visual Design in Motio

Geyser NEW 4/12 Litri

Color Assigment

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<input class="searchInput" type="text" >
<p id="text"  contenteditable="true">
Imperdiet placerat lercius rhoncus aliquam vine bibendum mauris ess justo sapien amet porta netus commodo finibus lameri arquitus augue dolor casua porttitor commodo fermentum integer varius orci magna venenatis tellus dapibus amet tellus giacal vel arcu himenaeos pulvinar pulvinar vitae nulla lacus ut bibendum curabitur posuere nisl faucibus laoreet risus mon olimpus ut euismod est nascetur duis curabitur dapibus ac montes ut andar orci ultricies casua quis lectus andar arquitus integer vivamus tellus et leo suscipit ad commodo etiam libero donec porta mon lacus tincidunt donec purus habitasse augue aptent eget magna magna cras hac et eros laoreet ut dis ligula arquitus nisi trevai ligula commodo risus mollis purus et quis montes torquent id laoreet nulla commodo arcu taciti porta libero pharetra tellus varius elit rubus mi tellus dictumst ridiculus, pulvinar dapibus aliquet sagittis sit praesent nascetur placerat nascetur consequat mon rubus id venenatis nibh vehicula mon sollicitudin tellus ut
</p>

var searchInput = document.querySelector('.searchInput')
var text = document.querySelector('#text')
function displayMatches(e) {
  var regex = new RegExp(e.target.value, 'gi')
  var response = text.innerText.replace(regex, function(str) {
    return "<span style='background-color: yellow;'>" + str + "</span>"
  })
  text.innerHTML = response
}
searchInput.addEventListener('change', displayMatches)
searchInput.addEventListener('keyup', displayMatches)
text.addEventListener('change', displayMatches)