Need some logic help with javascript.

Dec 11, 2014

Hey All,

I'm creating a function in javascript and I'm having a bit of trouble trying to figure out the logic.

Here is the breakdown. I have a json database that will output some text into the main index.html file. This text is broken up into different entries each tagged with different categories. On the index.html the user clicks on the categories they want and then click on either one of two buttons. The first button will show the text items that have any of the categories, so if they select categories 1 and 3, the function will show any of the text items with those categories. (This part works)  The second button will show text that only have all the selected categories. So if they selected category one and three, then only items with one AND three will show. I'm just trying to figure out how to isolate just those items.

Here is the code for the first button. I'm not a solid coder and most of this has been trial and error after error. I just need to figure out something similar for the second button.

function loadInfoOr() {
$.getJSON('data.json', function(data) {
var output = '<ul class="searchresults">';
$.each(data, function(key, val) {
if ((val.env.search(env) != -1) ||
(val.pri.search(pri) != -1) ||
(val.per.search(per) != -1) ||
(val.ind.search(ind) != -1) ||
(val.com.search(com) != -1) ||
(val.res.search(res) != -1) ||
(val.myr.search(myr) != -1) ||
(val.saf.search(saf) != -1) ||
(val.ewa.search(ewa) != -1)) {
output += '<li class="itemWrapper">';
output += '<h2>'+ val.Header;
if ((val.env.search("ENV") != -1)) {
output += '<span class="tag env">ENV</span>';
}
if ((val.pri.search("PRI") != -1)) {
output += '<span class="tag pri">PRI</span>';
}
if ((val.per.search("PER") != -1)) {
output += '<span class="tag per">PER</span>';
}
if ((val.com.search("COM") != -1)) {
output += '<span class="tag ind">IND</span>';
}
if ((val.ind.search("IND") != -1)) {
output += '<span class="tag com">COM</span>';
}
if ((val.res.search("RES") != -1)) {
output += '<span class="tag res">RES</span>';
}
if ((val.saf.search("MYR") != -1)) {
output += '<span class="tag myr">MYR</span>';
}
if ((val.myr.search("SAF") != -1)) {
output += '<span class="tag saf">SAF</span>';
}
if ((val.ewa.search("EWA") != -1)) {
output += '<span class="tag ewa">EWA</span>';
}
output += '</h2>';
output += '<p>'+ val.statement +'</p>';
output += '</li>';
}
});
output += '</ul>';
$('#textArea').html(output);
});
};

 

2 Replies

This discussion is closed. You can start a new discussion or contact Articulate Support.