Berikut ini adalah contoh penggunaan JavaScript untuk melakukan string search dan penerapannya pada elemen form HTML.
JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Contoh Pencarian String</title>
<script>
function cariString() {
var input = document.getElementById("inputString").value;
var keyword = document.getElementById("keyword").value;
var hasil = input.search(keyword);
if (hasil >= 0) {
document.getElementById("output").innerHTML = "String ditemukan pada posisi: " + hasil;
} else {
document.getElementById("output").innerHTML = "String tidak ditemukan";
}
}
</script>
</head>
<body>
<h1>Contoh Pencarian String</h1>
<form>
<label for="inputString">Masukkan String:</label>
<input type="text" id="inputString" name="inputString"><br><br>
<label for="keyword">Masukkan Keyword:</label>
<input type="text" id="keyword" name="keyword"><br><br>
<button type="button" onclick="cariString()">Cari</button>
</form>
<p id="output"></p>
</body>
</html>
Output:
See the Pen Contoh JavaScript String Search by De Orchids (@De-Orchids) on CodePen.
Silakan mencoba contoh di atas dengan memasukkan string dan keyword yang ingin Anda cari. Hasil pencarian akan ditampilkan di bawah tombol “Cari”.
Semoga contoh ini dapat membantu Anda dalam mengimplementasikan fungsi pencarian string menggunakan JavaScript pada elemen form HTML.
Leave a Reply