baba-casino-revamp / script.js
moreiraj93's picture
make a replica same graphics
70a5b8d verified
// Mobile menu toggle functionality
document.addEventListener('DOMContentLoaded', function() {
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
window.scrollTo({
top: target.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
// Slot game interaction simulation
const playButtons = document.querySelectorAll('button');
playButtons.forEach(button => {
button.addEventListener('click', function() {
// Visual feedback
this.classList.add('animate-pulse');
setTimeout(() => {
this.classList.remove('animate-pulse');
}, 1000);
});
});
// Device rotation detection
function handleOrientation() {
const isLandscape = window.matchMedia("(orientation: landscape)").matches;
const rotationNotice = document.querySelector('.rotation-notice');
if (isLandscape && window.innerWidth < 768) {
if (rotationNotice) rotationNotice.classList.remove('hidden');
} else {
if (rotationNotice) rotationNotice.classList.add('hidden');
}
}
window.addEventListener('orientationchange', handleOrientation);
window.addEventListener('resize', handleOrientation);
handleOrientation(); // Initial check
});