-
+
+
+
-
- Edit Profile
+ Edit Profile
- + + -
-
\ No newline at end of file
+ - + + -
-
-
+
+
+
+
+
+
+
+ + Favorite Stocks +
+
+
+
+
+
+
+
- Favorite Stocks
-
-
+
-
+
-
-
+
+ ${item.Symbol} `
+ }
+ document.getElementById('search-result').innerHTML = list;
+
+ console.log(data)
+ })
+
diff --git a/views/partials/_nav.ejs b/views/partials/_nav.ejs
index bf7be0c..c569168 100644
--- a/views/partials/_nav.ejs
+++ b/views/partials/_nav.ejs
@@ -15,7 +15,6 @@
+ <% for(var i=0; i < compactData.length; i++) { %>
+
+
-
+
+
+
+
+
+
+
-
-
+ <%- compactData[i]["Symbol"] %>
+
+ + <%- compactData[i]["Company Name"] %> +
+ + + -
-
-
\ No newline at end of file
+ const inputField = document.getElementById('searchbar')
+ inputField.addEventListener('input', (event) => {
+ console.log(event.target.value)
+ const value = event.target.value
+ //sample data
+ const dataset = <%- JSON.stringify(totalData) %>;
+
+ // searching the symbol
+
+ let data = dataset.filter(function(el) {
+ return el.Symbol.includes(value.toUpperCase())
+ })
+
+ // when no symbol matched
+
+ if (data.length === 0) {
+
+ let data1 = dataset.filter(function(el) {
+ return (el["Company Name"].toLowerCase().includes(value.toLowerCase()))
+ })
+ data = data1;
+ }
+
+ let list = "";
+ if (value === "") {
+ list = "";
+ data = [];
+ }
+
+ let n = data.length
+
+ for (i = 0; i <= (n - 1); i++) {
+ let item = data[i];
+ list += `
- <% for(var i=0; i < compactData.length; i++) { %>
-
-
-
-
-
-
-
-
-
-
- <% } %>
-
-
-
-
-
-
-
-
-
- <%- compactData[i]["Symbol"] %>
-
- - <%- compactData[i]["Company Name"] %> -
- - - -
-
+
+
+
-
+ <% } %>
+ Trending Stocks
-
+
-
+
+
- + Trending Stocks +
+
- <% for(var i=min; i < max; i++) { %>
-
-
-
-
-
-
-
+
-
-
-
-
- <%- totalData[i]["Symbol"] %>
-
- - <%- totalData[i]["Company Name"] %> -
-
-
-
-
-
-
+ <% for(var i=min; i < max; i++) { %>
+
+
-
+
-
- <% } %>
+ <% } %>
+
+
+
+
+
+
+
+ <%- totalData[i]["Symbol"] %>
-
-
+ + <%- totalData[i]["Company Name"] %> +
+
+
+
+
+
+
-
+
-