Merhaba yapmak istediğim aşağıdaki metin gösteriliyor, herhangi bir yere tıklayınca kayboluyor f5 yapınca yeniden gösterilmesini istemiyorum.
Yani bir defa göstersin yeter
Bunun için cookie yapabilirmiyiz acaba, şimdiden teşekkür ederim.


<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Vanilla JavaScript: Hide Element When Clicking Outside of It</title>
<style>
.box {
margin: 1rem auto 1rem auto;
max-width: 300px;
border: 1px solid #555;
border-radius: 4px;
padding: 1rem 1.5rem;
font-size: 1.5rem;
}

.js-is-hidden {
display: none;
}
</style>

</head>
<body>
<!-- partial:index.partial.html -->
<div class="box">
If you click anywhere outside of me, I’m gone faster than you can snap your fingers.
</div>


<!-- partial -->


</body>
</html>
var box = document.querySelector(".box");


document.addEventListener("click", function(event) {
// If user clicks inside the element, do nothing
if (event.target.closest(".box")) return;

// If user clicks outside the element, hide it!
box.classList.add("js-is-hidden");
});