JSFiddle - React, Tailwind, and code Playground
HTML
<ol id="list"></ol>
CSS
ol {
counter-reset: fizzbuzz;
}
li {
list-style: none;
}
li:before {
counter-increment: fizzbuzz;
content: counter(fizzbuzz);
}
li:nth-child(3n):before, ol li:nth-child(15n):before{
content:'Fizz';
}
li:nth-child(5n):before {
content: "";
}
li:nth-child(5n):after{
content:'Buzz';
}
JavaScript
var ol_element = document.getElementById('list');
for(var i = 0; i < 100; i++) {
ol_element.innerHTML += '<li></li>';
}