I need to include the attached JSON content into a JavaScript file that can be included on a webpage without using any other JavaScript dependencies (example, no jQuery). This also needs to be done entirely in the browser without the need for any server side scripts-- so JavaScript, CSS, and HTML only.
I then need that data to be displayed in a table format with 4 dropdown (select boxes) and 2 checkboxes as filters that will update the displayed content in the table on the page:
Filtering:
1) Dropdown that filters for type
2) Dropdown that filters for score
3) Dropdown that filters for title
4) Dropdown that filters for employer
5) Checkbox that filters for only active = true
6) Checkbox that filters for only gender = female
Based on what the user selects in the dropdowns (without having to push a button, it should start filtering immediately on changes), it will hide/show items in the table. The table however should show all items in the JSON object, not just these 6 filterable items
Sample JSON object:
[
{
"_id": "1234",
"name": "John Smith",
"active": true,
"type": "primary",
"score": "good",
"title": "construction",
"employer": "abc corp",
"age": 28,
"eyeColor": "green",
"gender": "male",
"about": "Consequat consectetur adipisicing labore ea proident do ad. Sint ut culpa reprehenderit eiusmod commodo nostrud incididunt quis. Ea anim proident proident ex quis aliquip id tempor esse tempor. Eu velit fugiat excepteur consectetur aliqua enim sit veniam adipisicing labore sunt fugiat. Laboris minim aliquip adipisicing quis occaecat ex nulla pariatur voluptate laborum cillum."
},
{
"_id": "48484",
"name": "Jane Smith",
"active": true,
"type": "primary",
"score": "great",
"title": "cfo",
"employer": "def corp",
"age": 39,
"eyeColor": "blue",
"gender": "female",
"about": "Eu non aliqua velit reprehenderit proident cupidatat nulla nulla deserunt enim. Officia cupidatat adipisicing ullamco labore et anim do laborum officia in sit laboris incididunt. Ea duis laboris sunt nulla laboris anim magna quis. Velit fugiat id Lorem do minim cillum Lorem pariatur labore. Commodo laboris non dolore labore aute. Elit Lorem nostrud id veniam aute do excepteur fugiat occaecat veniam voluptate. Ad cillum tempor eiusmod id sit tempor do laborum ullamco voluptate laborum occaecat."
},
{
"_id": "44422",
"name": "Josh Smith",
"active": false,
"type": "secondary",
"score": "bad",
"title": "secretary",
"employer": "def corp",
"age": 51,
"eyeColor": "blue",
"gender": "female",
"about": "Et id ea mollit Lorem dolore aliquip duis ea adipisicing consequat ex elit. Ex aute ipsum veniam sunt aliquip mollit. Cillum sit consectetur non laborum. Consectetur et laboris esse adipisicing. Et voluptate ex reprehenderit duis elit magna aliqua ad ad ex non pariatur. Exercitation ipsum laborum eu exercitation aute laboris mollit proident sit ipsum elit mollit."
}
]
Hello,
⭐⭐⭐⭐⭐
i am interested in this project ,
i can write js , jquery code to filter your input json and show the filtered data to html table
can begin now
waiting your answer on chat
Regards
⭐⭐⭐⭐⭐
$20 USD in 1 day
4.9 (46 reviews)
4.5
4.5
6 freelancers are bidding on average $28 USD for this job
I can make this offline json object sorter for you within an hour.
My average project completion time is within 3-5 hours on the same day.
The skills I have include PHP, HTML5, CSS3, JavaScript, jQuery, WordPress Themes & Plugins, Web Scrapers & Automation Bots, User Scripts, Macros, and much more.
If you have any questions or concerns. Feel free to message me via chat to clarify any details.
Hi There
I am a senior software engineer with 10 years of practical programming experience. I have excellent
programming and development skills in various programming languages and frameworks. I am interested
in your project. I will provide an efficient, robust and well documented solution with dedicated
support. I will anticipate to discuss the details to get started.
Thanks
Farah Saif
Hello Sir
I am Zahoor Ahmad, a professional SEO friendly website developer. I have read your project description and understood your requirements properly. I can develop your business website with full perfection. Our developed website will be cross-browser compatible, fully responsive for all devices, SEO friendly coding with google optimized speed.
Main Thing: Our developed website would be highly secure from HACKING and spamming.
I have 3+ years of experience with more than 100 successful projects, as you can see my freelancer rating (100 % positive rating with 5 stars only). We believe in high-quality services to have a long term business relationship.
Please come in private chat to discuss more in detail about your website and I’m ready to start your project right now. I’m sure you would love my quality work.
I’m waiting for your positive response.
Thanks