编写cookie后触发jquery而不重新加载页面？

Question

How would i go with triggering an alarm or parse it in the html file after writing a js cookie without reloading the page first?

I've tried $(window).bind("load", function () but with no success, the alarm still doesn't trigger without reloading the page, but the cookie is written

My JS

$(".addCookie").on("click", function() {
   Cookies.set("cookie", "added"); //adds cookie
})

$('.cookie').html(Cookies.get("cookie")); //writes the cookie in the html file

Codepen

Answer 1

It looks like a simple case of not understanding asynchronous programming.

This adds a cookie, but not right now. The cookie code will only be evaluated when you click on the .addCookie element on the page:

$(".addCookie").on("click", function() {
   Cookies.set("cookie", "added"); //adds cookie
})

This dumps the cookie, right now , without waiting for you to click:

$('.cookie').html(Cookies.get("cookie")); //writes the cookie in the html file

If you write the cookie's contents in another onclick handler for another button, you could click that new button to dump the cookie after clicking the first button to set its value.