Ggtcf

I have a for loop made to create divs. The problem is: The divs format should be different for certain numbers, but i don't know how to tell that to my IF statement.

Here is the full code:

window.onload = app;

const addDivs = 
 content: "main-content",
 rootEl: ,

 minValue: "min-value",
 maxValue: "max-value",
 fizzValue: "fizz-value",
 buzzValue: "buzz-value",

 submitDivs: "add-divs",
 clearDivs: "clear-divs",

 defaultValues: 
 min: 1,
 max: 100,
 fizz: 3,
 buzz: 5
 ,

 submitValue: function(event) 
 addDivs.defaultValues.min = parseInt(
 document.getElementById(addDivs.minValue).value
 );

 addDivs.defaultValues.max = parseInt(
 document.getElementById(addDivs.maxValue).value
 );

 addDivs.defaultValues.fizz = parseInt(
 document.getElementById(addDivs.fizzValue).value
 );

 addDivs.defaultValues.buzz = parseInt(
 document.getElementById(addDivs.buzzValue).value
 );

 for (
 let i = addDivs.defaultValues.min;
 i <= addDivs.defaultValues.max;
 i++
 ) 
 const newDiv = document.createElement("div");
 if (i % addDivs.defaultValues.fizz === 0 && i % addDivs.defaultValues.buzz 
 === 0) 
 newDiv.className = "fizzbuzz generated-divs";
 newDiv.innerText = "Fizz Buzz!";
 addDivs.rootEl.appendChild(newDiv);
 else 
 newDiv.className = "other generated-divs";
 newDiv.innerText = i;
 addDivs.rootEl.appendChild(newDiv);
 
 
 ,

 clearValue: function(event) 
 document.getElementById(addDivs.content).innerHTML = "";
 ,

 initializeState: function() 
 addDivs.rootEl = document.getElementById(addDivs.content);
 document.getElementById(addDivs.submitDivs).onclick = addDivs.submitValue;
 document.getElementById(addDivs.clearDivs).onclick = addDivs.clearValue;
 
;

function app() 
 addDivs.initializeState();

The if statement isnt working correctly in this for loop. What I want it to do is, print divs, and when a certain number comes, print a different kind of div. In the if statement i'm trying to say something like this: i % 3 === 0 && i % 5 === 0, but it isnt working the way I did it, therefore only the else argument is working and printing all the divs in the same format.

for (
 let i = addDivs.defaultValues.min;
 i <= addDivs.defaultValues.max;
 i++
 ) 
 const newDiv = document.createElement("div");
 if (
 i % addDivs.defaultValues.fizz === 0 &&
 i % addDivs.defaultValues.buzz === 0
 ) 
 newDiv.className = "fizzbuzz generated-divs";
 newDiv.innerText = "Fizz Buzz!";
 addDivs.rootEl.appendChild(newDiv);
 else 
 newDiv.className = "other generated-divs";
 newDiv.innerText = i;
 addDivs.rootEl.appendChild(newDiv);
 
 

All the values, min, max, fizz, buzz come from input fields with ID:

 minValue: "min-value",
 maxValue: "max-value",
 fizzValue: "fizz-value",
 buzzValue: "buzz-value",

Please let me know if I can explain my self better. Also, if HTML5 is needed, let me know and Ill add it. Thank you