I cant make it so after 5 tries it counts as dead

I keep trying to make it work but it simply won’t. Please help.
Btw I want it so that when you die it resets. 

<!DOCTYPE html>
<html>
  <head>
    <style>
      html,button{
        font-family: monospace, monospace;
        width:20%;
        padding:0%;
        margin:0%;
        
      }
      button{
        text-align: left;
        height:150px;
        position:absolute;
        background-color:transparent;
        border:transparent;
        outline:none;
        
      }
      div{
        position:absolute;
        transform:translate(20px,-40px);
      }
    </style>
    <script>

        
        var roll = 0;
      
    function play(){//begin
      var rep = Math.floor(Math.random() * 6);
      
      if (rep == 0 && roll !== 6){
        roll+=1
        document.getElementById("hk").innerHTML = "._______<br>\(#)----'<br>/ /\<br>(_(<br>";
        setTimeout(4000);
        setTimeout(function(){
    document.getElementById("hk").innerHTML = ",_______<br>\(=)----*#<br>/ //<br>(_(<br> DEAD";
}, 500);

      }else if (rep !== 0 || roll == 6){
        document.getElementById("hk").innerHTML = "._______<br>\(#)----'<br>/ /\<br>(_(<br>";
        setTimeout(function(){
    document.getElementById("hk").innerHTML = ",_______<br>\(=)----'<br>/ //<br>(_(<br>Click";
}, 500);
var roll = 0;
      }
    }//end

    </script>
  </head>
  <body>
    <h1>Russian<br>Roulette</h1>
    <button onClick="play()">
   <div id="hk">
        ,_______<br>
        (=)----'<br>
        / /<br>
        (_(<br>
        
   </div>
   </button>
   <p>click the gun</p>
  </body>
</html>

Please no jquery or anything like it.
The javascript and only the javascript do I need help with.
It doesn’t let me post this without adding more text so I am currently adding more text so I can post this.