I've been attempting to implement a basic text box using the jQuery API from DevBridge. I followed instructions in this video tutorial to create my code.
However, despite properly declaring scripts before the JS code and ensuring proper mappings, I'm encountering the following issues: https://github.com/devbridge/jQuery-Autocomplete/releases
Below is the code snippet:
<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script>
<link rel="stylesheet" href="resources/css/main.css" type="text/css">
<link rel="stylesheet" href="resources/css/styles.css" type="text/css">
<style>
h1 {text-align:center; margin:20px 20px;}
#autocomplete{margin:0 auto;})
</style>
<title>Job Search</title>
</head>
<body>
<form method ="GET" action="Jobs">
<fieldset>
<legend>Page:</legend>
<input type="text" name="page" placeholder="enter a number" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/>
<legend>Descending?</legend>
<input type="text" id="autocomplete" />
<script type="text/javascript">
var arr= ["test", "apple", "orange"];
$('#autocomplete').autocomplete({
lookup: arr
});
</script>