THE CODE FOR: FIZZBUZZ

                        
                            // Get Information - Step One
                            function getValues() {
                            
                                let fizzValue = document.getElementById("fizzValue").value;
                                let buzzValue = document.getElementById("buzzValue").value;
                            
                            
                                fizzValue = parseInt(fizzValue);
                                buzzValue = parseInt(buzzValue);
                            
                                if (Number.isInteger(fizzValue) && Number.isInteger(buzzValue)) {
                            
                                    let fbValues = fizzBuzzA(fizzValue, buzzValue);
                            
                                    displayValues(fbValues);
                            
                                } else {
                                    alert("You must enter integers!");
                                }
                            
                            }
                            
                            // Business logic layer - Model
                            function fizzBuzzA(fizz, buzz) {
                            
                                // Create an array
                                let fbValues = [];
                            
                                for (let i = 1; i <= 100; i++) {
                            
                                    if (i % fizz == 0 && i % buzz == 0) {
                                        fbValues.push('FizzBuzz');
                                    } else if (i % fizz == 0) {
                                        fbValues.push('Fizz');
                                    } else if (i % buzz == 0) {
                                        fbValues.push('Buzz');
                                    } else {
                                        fbValues.push(i);
                                    }
                                }
                            
                                return fbValues;
                            }
                            
                            function fizzBuzzB(fizz, buzz) {
                                let fbValues = [];
                            
                                let isFizz = false;
                                let isBuzz = false;
                            
                                for (let i = 1; i < 101; i++) {
                            
                                    isFizz = (i % fizz == 0);
                                    isBuzz = (i % buzz == 0);
                            
                                    switch(true) {
                                        case isFizz && isBuzz: {
                                            fbValues.push('FizzBuzz');
                                            break;
                                        } 
                                        case isFizz: {
                                            fbValues.push('Fizz');
                                            break;
                                        } 
                                        case isBuzz: {
                                            fbValues.push('Buzz');
                                            break;
                                        } 
                                        default: {
                                            fbValues.push(i);
                                            break;
                                        }
                                    }
                                }
                            
                                return fbValues;
                            }
                            
                            function fizzBuzzC(fizz, buzz) {
                                let fbValues = [];
                                
                                for (let i = 1; i < 101; i++) {
                                    let value = ((i % fizz == 0 ? 'Fizz' : '') + (i % buzz == 0 ? 'Buzz' : '') || i )
                                    fbValues.push(value);
                                }
                                return fbValues;
                            }
                            
                            
                            function displayValues(fbValues) {
                            
                                let element = document.getElementById("results");
                            
                                element.innerHTML = "";
                            
                                for (let index = 0; index < fbValues.length; index++) {
                            
                                    let item = document.createElement("div");
                                    item.classList.add("col");
                            
                                    item.innerHTML = fbValues[index];
                            
                                    if (fbValues[index] == 'Fizz') {
                                        item.classList.add('fizz');
                            
                                    } else if (fbValues[index] == 'Buzz') {
                                        item.classList.add('buzz');
                            
                                    } else if (fbValues[index] == 'FizzBuzz') {
                                        item.classList.add('fizzBuzz');
                                    }
                            
                                    element.appendChild(item);
                            
                                }
                            
                            }                    
                    

The code is structured in three functions.

getValues

---

"Gets" values entered by the user; limited to integers.

fizzBuzzA

---

Establishes and sets the parameters of our array and passes them to our display.

displayValues

---

"Displays" the items on the page - every multiple of the first number as a red "Fizz", multiples of the second number as a purple "Buzz" and multiples of both numbers as a blue "FizzBuzz"