essayer de supprimer un élément de localstorage en utilisant le nom de clé

J’essaie de supprimer un élément de la mémoire locale ou plutôt de l’effacer en cliquant sur un bouton. J’ai écrit le code, mais en cliquant sur le bouton, les données de stockage local ne sont pas effacées. c’est la variable avec les données de stockage local

window.onbeforeunload = function() { localStorage.setItem("first_name", $('#inputName').val()); }; 

Édité

 window.onload = function() { var name = localStorage.getItem("first_name"); if (name !== null) { $('#inputName').val(name); alert(name); } }; 

c’est la fonction pour effacer le stockage

 function clearStorage(){ alert('localstorage cleared!'); localStorage.removeItem('first_name'); 

}

l’extrait du bloc de code de clic sur le bouton pour effacer les données de stockage local à l’aide du nom de clé

   

En cliquant sur le bouton pour tenter d’effacer les données du stockage local et d’actualiser la page, les données du stockage local sont toujours dans la valeur d’entrée. Comment effacer le contenu local de stockage est mon défi