<!DOCTYPE html>
<html>
<head>
<title>
Creating Search Bar using HTML
CSS and Javascript
</title>
<!-- linking the stylesheet(CSS) -->
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<!-- input tag -->
<input id="searchbar" onkeyup="search_animal()" type="text"
name="search" placeholder="Search animals..">
<!-- ordered list -->
<ol id='list'>
<li class="animals">Cat</li>
<li class="animals">Dog</li>
<li class="animals">Elephant</li>
<li class="animals">Fish</li>
<li class="animals">Gorilla</li>
<li class="animals">Monkey</li>
<li class="animals">Turtle</li>
<li class="animals">Whale</li>
<li class="animals">Aligator</li>
<li class="animals">Donkey</li>
<li class="animals">Horse</li>
</ol>
<!-- linking javascript -->
<script src="./animals.js"></script>
</body>
</html>