Shown with Prism.js
document.getElementById("btnFizzBuzz").addEventListener("click", function ()
let fizz=Number(document.getElementById("txtFizzBuzzIn1").value);
let buzz=Number(document.getElementById("txtFizzBuzzIn2").value);
let output=DoFizzBuzzFoundation(fizz, buzz);
document.getElementById("pFizzBuzzOut").innerHTML=output;
);
function DoFizzBuzzFoundation(fizz, buzz)
let output=" " ;
let output2=" " ;
for (let loop=1; loop <= 100; loop++)
let fizzRemainder = loop % fizz;
let buzzRemainder = loop % buzz;
if (fizzRemainder == 0 && buzzRemainder == 0) { output += ` class="btn btn-dark" +"">
FIZZBUZZ >`;
else if (fizzRemainder == 0) { output += ` class="btn btn-light" +""> FIZZ >`;
else if (buzzRemainder == 0) { output += ` class="btn btn-warning" +""> BUZZ >`;
else { output += `${loop + "" + ""} `; }
output2 += `loop value:${loop}
FR:${loop}% ${fizz} =$ {fizzRemainder}
BR:$ {loop} % $ {buzz}
=$ {buzzRemainder}
`;
let result2 = document.getElementById("inner");
result2.innerHTML = output2;
return output;