JSFiddle - React, Tailwind, and code Playground

HTML

<div id="counter">0</div>
<br/>
<br/>
<p>Forget the CSS it's crappy.<br/>The JS didn't work in the JavaScript component area...</p>
<button id="counterButton" onclick="changeValue();">Change DIV Value</button>

<script>
var count = 0;
function changeValue() {
    if(count == 5) {
        document.getElementById("counter").innerHTML = "<i><u>Flying Fish!</u></i>";
        document.getElementById("counterButton").disabled = true;
        return;
    }
    count++;
    document.getElementById("counter").innerText = count;
}    
</script>

CSS

body {
    font: normal 14px cursive;    
}
#counter {
    display: block;
    position: fixed;
    height: auto;
    width: 125px;
    text-align: center;
    color: white;
    background-color: black;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 8px;
}