Dưới đây là mã nguồn HTML/CSS/JS cơ bản để tạo cửa sổ xác nhận trên 18 tuổi (Age Gate) cho website đồ uống có cồn. Khi người dùng truy cập, màn hình sẽ bị khóa cho đến khi họ xác nhận đủ tuổi.
<!DOCTYPE html>
<html lang=”vi”>
<head>
<meta charset=”UTF-8″>
<title>Xác nhận tuổi</title>
<style>
/* CSS cho modal xác nhận tuổi */
#age-gate {
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.9);
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
text-align: center;
}
.age-gate-content {
background: #333;
padding: 40px;
border-radius: 10px;
}
.age-gate-button {
background-color: #b1945f;
color: white;
border: none;
padding: 10px 20px;
margin: 10px;
cursor: pointer;
font-size: 16px;
}
.age-gate-button:hover { background-color: #d4af37; }
</style>
</head>
<body>
<div id=”age-gate”>
<div class=”age-gate-content”>
<h2>Chào mừng bạn</h2>
<p>Website này chứa thông tin về đồ uống có cồn.<br>Bạn đã đủ 18 tuổi trở lên chưa?</p>
<button class=”age-gate-button” onclick=”allowEntry()”>Tôi trên 18 tuổi</button>
<button class=”age-gate-button” onclick=”denyEntry()”>Tôi dưới 18 tuổi</button>
</div>
</div>
<div id=”main-content” style=”display:none;”>
<h1>Chào mừng đến với cửa hàng rượu</h1>
<p>Nội dung sản phẩm…</p>
</div>
<script>
// Kiểm tra nếu đã xác nhận trước đó
if (sessionStorage.getItem(‘isOver18’) === ‘true’) {
document.getElementById(‘age-gate’).style.display = ‘none’;
document.getElementById(‘main-content’).style.display = ‘block’;
}
function allowEntry() {
sessionStorage.setItem(‘isOver18’, ‘true’);
document.getElementById(‘age-gate’).style.display = ‘none’;
document.getElementById(‘main-content’).style.display = ‘block’;
}
function denyEntry() {
alert(“Bạn chưa đủ tuổi để truy cập trang web này.”);
window.location.href = “https://www.google.com”; // Chuyển hướng nếu chưa đủ tuổi
}
</script>
</body>
</html>
![[SKINCARE] Sữa Rửa Mặt Amino Acid HOBE BAR Dành Cho Cả Nam Và Nữ (50ml)](https://toantuoity.com/wp-content/uploads/2025/11/skincare-sua-rua-mat-amino-acid-hobe-bar-danh-cho-ca-nam-va-nu-50ml-100x100.jpg)
