<!DOCTYPE html>
<html>
<head>
<title>Çerez Örneği</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<h1>Çerez Örneği</h1>
<button onclick="setCookie()">Çerezi Ayarla</button>
<button onclick="getCookie()">Çerezi Al</button>
</body>
</html> function setCookie() {
var cookieName = "kullanici";
var cookieValue = "John Doe";
var expirationDate = new Date();
expirationDate.setFullYear(expirationDate.getFullYear() + 1);
document.cookie = cookieName + "=" + cookieValue + "; expires=" + expirationDate.toUTCString() + "; path=/";
alert("Çerez ayarlandı!");
}
function getCookie() {
var cookieName = "kullanici";
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
while (cookie.charAt(0) == " ") {
cookie = cookie.substring(1);
}
if (cookie.indexOf(cookieName) == 0) {
var cookieValue = cookie.substring(cookieName.length + 1);
alert("Çerez değeri: " + cookieValue);
return;
}
}
alert("Çerez bulunamadı!");
} h1 {
color: blue;
}
button {
padding: 10px 20px;
margin: 10px;
}