JSFiddle - React, Tailwind, and code Playground

by djaniketster

HTML

<div id="console-log"></div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

var consoleLine = "<p class=\"console-line\"></p>";
 
console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};

var i=1;
while(i<=100){
    if(i%3 == 0)
        console.log("Fizz");
    else
        console.log("");
    
    if(i%5 == 0 && i%3 !=0)
        console.log("Buzz");
    else
        console.log("");    
    
    if(i%5 == 0 && i%3 == 0)
        console.log("FizzBuzz");
    else
        console.log("");
    
    if(i%5 != 0 && i%3 != 0)
        console.log(i);
    else
        console.log("");
    i++;
    }