index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Search Box</title>

    <link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="container">
    <form action="">
        <div class="form-item">
            <label>
                <input type="text" class="form-input search" data-search-box="#search-result" placeholder="Word">
            </label>
            <div class="search-result" id="search-result">
                <span>CSS Animations - W3Schools</span>
                <span>JavaScript HTML DOM Animation - W3Schools</span>
                <span>CSS animation Property - W3Schools</span>
                <span>CSS Animation Libraries</span>
            </div>
        </div>


    </form>
</div>


<script src="app.js" type="application/javascript"></script>
</body>
</html>