JSFiddle - React, Tailwind, and code Playground

by tobyworth

HTML

<!-- FizzBuzz functional -->

<div id="results"></div>

JavaScript

var results = document.getElementById("results"),
    val = 1,
    max = 100;

function print(val){
  var row = document.createElement("p");
  row.innerHTML = val;
  results.appendChild(row);
}

function fizzbuzz(val){
    if (val % 3 ==0 && val % 5 ==0){
        print("fizzbuzz");   
    }
    else{
        fizz(val);
    }
} 

function fizz(val){
    if (val % 3 ==0){
        print("fizz");   
    }
    else{
        buzz(val);
    }
}

function buzz(val){
    if (val % 5 ==0){
        print("buzz");   
    }
    else{
        print(val);
    }
}

function go(val){   
  if (val <= max){
    fizzbuzz(val);
    val++;
    go(val);
  }   
}

go(val);