The Code for FIZZ BUZZ


                        //get values from user user
                            function getValues(){

                                let fizzNumber = document.getElementById("fizzValue").value;

                                let buzzNumber = document.getElementById("buzzValue").value;
                                
                                //parse for numbers

                                fizzNumber = parseInt(fizzNumber);
                                buzzNumber = parseInt(buzzNumber);

                                //check that the numbers are integers
                                if(Number.isInteger(fizzNumber) && Number.isInteger(buzzNumber)){

                                    //we call fizzBuzz
                                    let fbArray = fizzBuzz(fizzNumber, buzzNumber);

                                    //call displayData and write the values to the screen
                                    displayData(fbArray);

                                }

                                else{
                                    alert("You must enter a integer")
                                }

                            }

                            //Prints fizz buzz numbers
                            function fizzBuzz(fizzValue, buzzValue){

                                let fizzBuzzArray = [];
                                let start = 1;
                                let end = 100;

                                //loop from 1 to 100
                                for (let i = start; i < end; i++) {

                                    //check to see if numbers is divisible by both 3 & 5
                                    //check to see if numbers is divisible by fizz value 3
                                    //check to see if numbers is divisible by buzz value 5

                                    if (i % fizzValue == 0 && i % buzzValue == 0) {
                                        fizzBuzzArray.push('FizzBuzz')
                                    }
                                    else if(i % fizzValue == 0){
                                        fizzBuzzArray.push('Fizz');
                                    }
                                    else if(i % buzzValue == 0){
                                        fizzBuzzArray.push('Buzz');
                                    }
                                    else{
                                        fizzBuzzArray.push(i);
                                    }

                                }

                                return fizzBuzzArray;

                            }

                            //loop over the array and create a table row for each item
                            function displayData(fbArray){

                                //get the table body element fromt the page
                                let tableBody = document.getElementById("results");

                                //get the template row
                                let templateRow = document.getElementById("fizzBuzzTemplate");

                                //clear
                                tableBody.innerHTML= "";

                                for (let i = 0; i < fbArray.length; i += 5) {

                                    let tableRow = document.importNode(templateRow.content, true);
                                    
                                    //used to put into table array
                                    let rowCols = tableRow.querySelectorAll("td");
                                    rowCols[0].classList.add(fbArray[i])
                                    rowCols[0].textContent = fbArray[i];

                                    rowCols[1].classList.add(fbArray[i+1])
                                    rowCols[1].textContent = fbArray[i+1];

                                    rowCols[2].classList.add(fbArray[i+2])
                                    rowCols[2].textContent = fbArray[i+2];

                                    rowCols[3].classList.add(fbArray[i+3])
                                    rowCols[3].textContent = fbArray[i+3];

                                    rowCols[4].classList.add(fbArray[i+4])
                                    rowCols[4].textContent = fbArray[i+4];

                                    tableBody.appendChild(tableRow);

                                }

                                //add all the rows to the table.

                            }
                    
                    

The code is structured in one funtion.

Hello World

Hello World is a function that displays an alert with a message of "Hello World"