-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (65 loc) · 3.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="bs/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<title>Nofrisdan sitopu</title>
</head>
<body>
<!-- welcome message -->
<div class="jumbotron jumbotron-fluid">
<div class="container text-center">
<h1 class="display-4">Nofrisdan Sitopu</h1>
<p class="lead">Metode Interpolasi Search</p>
</div>
</div>
<div class="container">
<div class="container">
<div class="input-group mb-3">
<input autofocus type="text" class="form-control" placeholder="Masukkan Kata Kunci" aria-label="Recipient's username" aria-describedby="basic-addon2">
<div class="input-group-append">
<button type="button" id="cari-btn" class="btn btn-primary">Cari</button>
</div>
</div>
<div class="card">
<div class="card-header">Pengertian Interpolasi Search</div>
<div class="card-body">
InterpolationSearch merupakan sebuah teknik pengembangan dari binary search. Teknik binary search akan selalu memeriksa nilai tengah dari setiap array, sedangkan interpolation search dapat pergi ke lokasi yang berbeda berdasarkan key yang didapat. Jika nilai key lebih dekat ke array yang terakhir, maka teknik interpolation search akan memulai pencarian dari array yang terakhir.
<br>
<img src="img/rm.png" alt="" width="90%">
</div>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Kata Kunci Tidak Ditemukan</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>
Kata <span class="key"></span> tidak ada dalam database kami, silahkan periksa di
<a href="#" class="link1"></a> atau di <a href="#" class="link2"></a>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
<button type="button" onclick="document.location.reload()" class="btn btn-primary">Coba Lagi</button>
</div>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="bs/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>