JSFiddle - React, Tailwind, and code Playground

by nngrey

HTML

<body onLoad="fizzbuzz()">
    <div id="div1">
        	<h1>Fizz Buzz</h1>
    </div>
</body>

JavaScript

function fizzbuzz() {
    var num = prompt("Please enter a number between 1 and 100: ");
    for (var i = 1; i < num + 1; i++) {
        if (i % 3 === 0 && i % 5 === 0) {
            document.getElementById("div1").innerHTML = div1.innerHTML + "<p>Fizz Buzz</p>";
        } else if (i % 3 === 0) {
            document.getElementById("div1").innerHTML = div1.innerHTML + "<p>Fizz</p>";
        } else if (i % 5 === 0) {
            document.getElementById("div1").innerHTML = div1.innerHTML + "<p>Buzz</p>";
        } else {
            document.getElementById("div1").innerHTML = div1.innerHTML + "<p>" + i + "</p>";
        }
    }
	}