gunner17,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Stoke&display=swap');
div {
border: 1px dashed Gray; padding: 5px;
height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
div:after{
content: attr(id);
text-align: center;
font: 900 4.3em / 53px "Stoke", sans-serif;
}
</style>
</head>
<body>
<script>
let divId = 1;
let fDiv = document.getElementsByTagName('div');
(function func() {
if (fDiv[0]) fDiv[0].remove();
let div = document.createElement('div');
document.body.append(div);
div.id = String(divId);
divId++;
fDiv[0].addEventListener('click', func);
})()
</script>
</body>
</html>