id: "1"
email: "TEST@TREST.COM"
selection1: "2"
race1: "1"
selection2: "4"
race2: "1"
selection3: "3"
race3: "0"
selection4: "2"
race4: "0"
selection5: "1"
race5: "0"
selection6: "1"
race6: "0"
selection7: "1"
race7: "0"
This is 1 in the objects in the Json array. so if race1 = 1 the class .race1 innerhtml = the email.
if Json.race2 = 1 .class race2 = email and so on. if the race (number) = 0 do not write
const app = (() => {
let race1 = document.querySelector('.race1');
let race2 = document.querySelector('.race2');
let race3 = document.querySelector('.race3');
let race4 = document.querySelector('.race4');
let race5 = document.querySelector('.race5');
let race6 = document.querySelector('.race6');
let xt=()
const returnAll = () => {
fetch('/php/index.php')
.then((response) => {
return response.json();
})
.then((myJson) => {
for (var i = 0; i < myJson.length; i++) {
if (myJson(i).race1 == 1) {race1.innerHTML += `${myJson(i).email} `}
if (myJson(i).race2 == 1) {race2.innerHTML += `${myJson(i).email} `}
if (myJson(i).race3 == 1) {race3.innerHTML += `${myJson(i).email} `}
if (myJson(i).race4 == 1) {race4.innerHTML += `${myJson(i).email} `}
if (myJson(i).race5 == 1) {race5.innerHTML += `${myJson(i).email} `}
if (myJson(i).race6 == 1) {race6.innerHTML += `${myJson(i).email} `}
}
});
}
return {
init: () => {
returnAll();
}
}
})();
app.init();
All of the above information is correct and works similarly. I just need a better way to code this instead of multiple if statements, Switch would be practically the same! Any suggestions? I find multiple If statements are easy to read, however, I have been told that this is a bad coding.
I tried Object.key that works fine for the html part, the problem is to compare myJson.race1 = 1, myJson.race2 = 1.
I tried myJson (i) .race (i) but that returns (object, object) .race0 (until career5).
