sproduct.js

document.getElementById('addToCartBtn').addEventListener('click', function() {
    var message = document.getElementById('cartMessage');
    message.style.display = 'block';  
    setTimeout(function() {            
        message.style.display = 'none';
    }, 3000);
});


document.querySelectorAll('.small-img').forEach(item => {
    item.addEventListener('click', function() {
        const mainImg = document.getElementById('MainImg');
        mainImg.src = this.src;  
    });
});
document.getElementById('viewInArLink').addEventListener('click', function(event) {
    event.preventDefault(); // Prevent the link from following the URL
    document.getElementById('deviceSelection').style.display = 'block';
});

document.getElementById('confirmDeviceBtn').addEventListener('click', function() {
    var selectedDevice = document.getElementById('deviceSelect').value;
    document.getElementById('wearDeviceMessage').textContent = 'Please put on your ' + selectedDevice + '.';
    document.getElementById('wearDeviceMessage').style.display = 'block';
    
    // Optional: hide the message after a few seconds
    setTimeout(function() {
        document.getElementById('wearDeviceMessage').style.display = 'none';
    }, 5000); // 5 seconds
});