Как ограничить количество нажатий кнопок в день в Javascript?

Я хочу ограничить количество нажатий на кнопку в день до 5 нажатий с помощью файлов cookie. Поэтому, когда пользователь нажимает 5 раз, кнопка больше не будет нажиматься. Мне удалось это сделать, но проблема в том, что когда я обновляю страницу, кнопка снова становится доступной. Итак, как применить файлы cookie, чтобы запомнить клики пользователя?

Мой код:

<input type = "text" class = "form-control" id = "prompt" placeholder = "Type anything">
<button id = "the-button" type = "submit">Send</button>
<script
  src = "https://code.jquery.com/jquery-3.6.0.min.js"
  integrity = "sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4 = "
  crossorigin = "anonymous">
</script>   
<script type = "text/javascript">                                         
localStorage.setItem("limit_click",5);
localStorage.setItem("count",1);
$("#the-button").on("click",function(){
    var limit = localStorage.getItem("limit_click");
    let count = parseInt(localStorage.getItem("count"));    
    if (count>=limit){
        alert('Your free limit counts has expired, please try again tomorrow or consider extending your plan.');
    }
    else{
        localStorage.setItem("count",parseInt(count)+1);
    }
}); 
</script>

Я заблокировал кнопку при нажатии 5 раз. Но когда страница обновляется, кнопка снова становится доступной.

Что я хочу сделать: Блокировать кнопку после 5 кликов, а потом даже при обновлении страницы кнопка все равно блокируется.