highlight kata di satu halaman pakai jquery dari input value

Ane mau tanya nih highlight kata di satu halaman pakai jquery dari input value, seperti ctrl+f di browser tapi pakai jquery dari kodingan udah coba2 dari google, stackoverflow dll tapi blm bsa.. jadi jalannya : user isi text di input, lalu ketika klik submit, text tersebut di <span class="highlight">+text value dari input+</span>

gimana cara jquerynya ya

ini contoh contentnya :

 <div class="content">
        <h1>Welcome</h1>
        <hr class="line">
        <p>Posted by user |
          <script>
            document.write(new Date().toLocaleDateString());

          </script>
          <br> DEPOK  Universitas Gunadarma yang berbasis teknologi komunikasi informatika menjajaki setiap pemerintah daerah untuk mengaplikasikan manfaat teknologi dalam pemerintahan. Salah satu yang digagas yakni dalam bentuk pelayanan publik di bidang
          manajemen aset di sejumlah pemerintah daerah. Salah satunya yang sudah berjalan berada di Aceh dan Pekalongan. Di sana mahasiswa dilibatkan untuk memberi pelatihan bagi para PNS serta memberikan pelatihan seputar IT. Tujuannya untuk menciptakan
          pemerintahan yang berjalan efektif, cepat, dan bersih. "Kami fokus membantu di bidang Manajemen Aset, kami bantu e-government di Aceh. Implementasi di Aceh banyak ketertarikan hal lain. Tak terlalu sempurna, tapi sudah memenuhi syarat.
          <img src="/images/Logo-UG.png" class="img-content" alt=""> <br> <br> Sistem ini juga ditangkap bapak kepala daerah Pekalongan," kata Rektor Universitas Gunadarma Margianti, Selasa (8/3/2016). Pemerintah daerah lainnya adalah Kota Depok, yang
          merupakan lokasi kampus ini berdiri. Tujuannya untuk menciptakan kota cyber serta kota pintar (smart city). "Tergantung kesiapan daerah masing-masing. Kami sudah siapkan aplikasinya sama saja. Mahasiswa kami akan membantu menerapkannya dan melatih
          SDM di Pemkot Depok," ungkap Margianti. Wakil Walikota Depok Pradi Supriatna menjadi pembicara di depan mahasiswa Universitas Gunadarma menyambut para mahasiswa untuk bekerja sama menjalankan e-government. Tujuannya, kata dia, untuk membangun
          pemerintah yang efektif dan bersih dari Korupsi Kolusi dan Nepotisme (KKN). "Kalau pakai sistem IT akan cepat, bersih tercipta clean government. SDM kami siap agar pemerintahan lebih cepat sejalan dengan smart city," tandas Pradi.
        </p>
      </div>

<div class="menu">
        <h2>Search Box</h2>
        <input type="text" name="input-search" id="input-search" placeholder="Cari..">
        <button type="button" class="search" name="search">Search</button>

avatar nanto88
@nanto88

122 Kontribusi 56 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

avatar ekasapta
@ekasapta

24 Kontribusi 15 Poin

Dipost 6 tahun yang lalu

nah itu ada pake RegExp / regex juga, itu gimana kalo misalnya ngambil valuenya dari kolom input ya, ane jg udh muter2 stackoverflow nih help gan, sblmnya makasih jawabannya heheh

avatar nanto88
@nanto88

122 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban