basic search logic

3 files changed, 13 insertions, 2 deletions

diff --git a/app/css/style.css b/app/css/style.css
index 9853773..3031eb2 100644
--- a/app/css/style.css
+++ b/app/css/style.css
@@ -19,7 +19,7 @@ body {
 
 .search_box {
     position: absolute;
-    top: 40%;
+    top: 30%;
     left: 10%;
     width: 80%;
 }
diff --git a/app/index.html b/app/index.html
index 8a15388..40896a0 100644
--- a/app/index.html
+++ b/app/index.html
@@ -10,8 +10,9 @@
     <div class="dict_ui">
         <div class="drag_region"></div>
         <div class="search_box">
-            <input type="text" class="search" placeholder="Search for words...">
+            <input type="text" class="search" placeholder="Search for words..." id="searchBox">
         </div>
     </div>
+    <script src="scripts/search.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/app/scripts/search.js b/app/scripts/search.js
new file mode 100644
index 0000000..0b1f70f
--- /dev/null
+++ b/app/scripts/search.js
@@ -0,0 +1,10 @@
+const searchBox = document.getElementById('searchBox');
+const natural = require('natural');
+const wordnet = new natural.WordNet();
+
+searchBox.addEventListener('keyup', () => {
+    const word = searchBox.value;
+    wordnet.lookup(word, details => {
+        console.log(details);
+    });
+});