How to check for cookies and perform a specific action?

Question

JavaScript

I have a code:
When entering the site, click appears, after clicking it, click is hidden and main appears

#main {
  display: none;
}

function FuncImages() {
  document.getElementById("main").style.display = "block";
  document.getElementById("click").style.display = "none";
}

<div id = "main">Данные</div>
<div id = "click" onclick = "FuncImages()">Здесь картинка</div>

How to make sure that if you click on click, cookies are entered, like:
document.cookie="click=yes;
And after reloading the page, it was checked whether cookies were entered. If they are, then you need to hide click and show main.
If not listed, then everything remains in its place

Answer 1

PHP

if (isset($_COOKIE["name_of_cookie"])) {
  // то выполняем действия необходимые
}

Answer 2

To work with cookies, I personally use the jQuery Cookie Plugin https://github.com/carhartl/jquery-cookie

if($.cookie('click')){
ваш код
}

Answer 3

You can do it like this → JSFiddle
(cookies do not work on jsfiddle, so test it yourself)

Answer 4

Now in the SPA trend - single page application. So better ajax + optional VueJs