Spaces:
Running
Running
File size: 1,530 Bytes
7ecfaad d1d5100 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | // Theme toggle functionality
document.addEventListener('DOMContentLoaded', () => {
const themeToggleBtn = document.getElementById('theme-toggle');
if (themeToggleBtn) {
themeToggleBtn.addEventListener('click', () => {
document.documentElement.classList.toggle('dark');
localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
});
}
// Check for saved theme preference
if (localStorage.getItem('darkMode') === 'true') {
document.documentElement.classList.add('dark');
} else if (localStorage.getItem('darkMode') === 'false') {
document.documentElement.classList.remove('dark');
}
});
// Simple animation for power cards
document.querySelectorAll('.hover\\:scale-105').forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transition = 'transform 0.3s ease';
});
});
// Car model presets
const carPresets = {
'toyota-camry': { efficiency: 14.5, fuelType: 'petrol' },
'honda-civic': { efficiency: 16.2, fuelType: 'petrol' },
'tesla-model3': { efficiency: 6.5, fuelType: 'electric' },
'bmw-320i': { efficiency: 12.8, fuelType: 'petrol' }
};
document.getElementById('car-model').addEventListener('change', function() {
const selectedCar = this.value;
if (selectedCar && selectedCar !== 'custom' && carPresets[selectedCar]) {
const preset = carPresets[selectedCar];
document.getElementById('fuel-type').value = preset.fuelType;
}
});
|