JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>http://www.bilisimogretmeni.com/</title>
<style>
div.zar{
	float:left;
	width:32px;
	background:#F5F5F5;
	border:#999 1px solid;
	padding:10px;
	font-size:24px;
	text-align:center;
	margin:5px;
}
</style>
</head>
<body>
<script>
function ZarAt(){
    var zar1 = document.getElementById("zar1");
    var zar2 = document.getElementById("zar2");
    var status = document.getElementById("status");
    var d1 = Math.floor(Math.random() * 6) + 1;
    var d2 = Math.floor(Math.random() * 6) + 1;
    var zarToplam = d1 + d2;
    zar1.innerHTML = d1;
    zar2.innerHTML = d2;
    status.innerHTML = "Zarlar Toplamı = "+zarToplam;
    if(d1 == d2){
        status.innerHTML += " Çift Attın Tebrikler";
    }
}
</script>
<div id="zar1" class="zar">0</div>
<div id="zar2" class="zar">0</div>
<button onclick="ZarAt()">Zar At</button>
<h2 id="status" style="clear:left;"></h2>
</body>
</html>