Что не так с моим кодом для файлов cookie в JavaScript ⇐ Javascript

[Anonymous]

Я пытаюсь создать баннер для печенья GDPR. HTML и CSS выглядят правильно, но, поскольку я не знаю JavaScript, я снял с YouTube, поэтому какой -то код не подходит. Я изо всех сил пытаюсь увидеть свои ошибки. Цените комментарий. < /P>


This website uses cookies to ensure you get the best experience.
Learn more.

Accept
Reject



.wrapper{
position: fixed;
padding: 10px 30px 10px 30px;
width: 100%;
bottom: 0;
background-color: rgba(0,0,0,0.7);
z-index: 1;
transition: bottom 0.2s ease;
}
.wrapper .show{
bottom: 20px;
}
.wrapper .data{
margin-top:10px;
}
.wrapper .data p{
color: #72848C;
font-size: 16px;
}
.data p a{
color: darkorange;
text-decoration: none;
}
.data p a:hover{
text-decoration: underline;
}
.wrapper .cookie-btns{
margin-top: 10px;
width: 100%;
display: flex;
align-items: center;
column-gap: 10px;
justify-content: flex-end;
}
.cookie-btns #accept-btn,#reject-btn{
border: 1px solid darkorange;
color: darkorange;
font-size: 0.8rem;
font-family: inherit;
width: 80px;
padding: 8px 0;
border-radius: 4px;
background-color: black;
cursor: pointer;
transition:all 0.2s ease;
}
#accept-btn, #reject-btn:hover{
color: #72848C;
}
< /code>
JavaScript был взят из онлайн -источника, поэтому не соответствует моему HTML - не уверен, где это неправильно. < /p>
window.onload = function() {
// Check if the user has already given consent
if (!localStorage.getItem('gdpr-consent')) {
document.getElementById('wrapper').style.display = 'block';
}
// Accept button click handler
document.getElementById('accept-btn').onclick = function() {
localStorage.setItem('gdpr-consent', 'accepted');
// Store consent in localStorage
document.getElementById('wrapper').style.display = 'none';
};
// Reject button click handler
document.getElementById('reject-btn').onclick = function() {
localStorage.setItem('gdpr-consent', 'rejected');
// Store rejection in localStorage
document.getElementById('wrapper').style.display = 'none';
};
};


Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript