Changez la classe du bouton déroulant après avoir cliqué sur l'élément déroulant et rechargez la page

Question

J'essaie de changer la classe d'un élément de bouton déroulant après que l'utilisateur a cliqué sur un élément dans le menu déroulant et rechargé la page.

Le code suivant est valide lorsque la page est actualisée.

$(".dropdown-content").on("click", function() {
 $('.dropbtn').toggleClass('active');
});
Existe-t-il des options de stockage local que je peux utiliser ? Je viens de l'apprendre. 
J'utilise actuellement le code suivant pour appeler le texte qui apparaît dans le bouton déroulant : 
$(".dropbtn").text(
localStorage.getItem("sélectionné")
? localStorage.getItem("sélectionné")
: "Liens utiles"
);
$(".dropbtn").on("clic", function () {
$(".dropdown-content").toggleClass("open");
});
$(".dropdown-content a").on("clic", function () {
$(".dropbtn").text($(this).text());
localStorage.setItem("selected", $(this).text());
$(".dropdown-content").removeClass("open");
});
Un grand merci à @RedApple pour son aide. Cela fonctionne bien - je me demande simplement si la classe .dropbtn pourrait être définie comme active de la même manière lorsque l'on clique sur l'élément a .dropdown-content. 
 J'ai essayé ceci, mais je pense que je ne l'utilise pas correctement car .dropbtn ne conserve pas la classe active lors de l'actualisation de la page : 
$(".dropdown-content").on("click", function() {
localStorage.setItem("active", $('.dropbtn').toggleClass('active'));
 $('.dropbtn').toggleClass('active');
});

            

Answer 1

Je pense que cela devrait fonctionner...

let isBtnClicked = localStorage.getItem("isBtnClicked")
? localStorage.getItem("isBtnClicked")
: false;
$(".dropbtn").addClass(
isBtnClicked
? "hovered" // 在这里填入您点击按钮的类名
: ""
);
$(".dropbtn").text(
localStorage.getItem("selected")
? localStorage.getItem("selected")
: "Helpful Links"
);
$(".dropbtn").on("click", function () {
$(".dropdown-content").toggleClass("open");
isBtnClicked = !isBtnClicked;
localStorage.setItem("isBtnClicked", isBtnClicked);
});
$(".dropdown-content a").on("click", function () {
$(".dropbtn").text($(this).text());
localStorage.setItem("selected", $(this).text());
$(".dropdown-content").removeClass("open");
});