document.addEventListener('DOMContentLoaded', function() { const cars = [ { name: "Toyota Camry", description: "A reliable and comfortable sedan.", price: "$22,000", image: "car1.jpg" }, { name: "Ford Mustang", description: "A powerful and stylish sports car.", price: "$35,000", image: "car2.jpg" }, { name: "Tesla Model 3", description: "A futuristic electric car.", price: "$40,000", image: "car3.jpg" } ]; const carList = document.querySelector('.car-list'); cars.forEach(car => { const carElement = document.createElement('div'); carElement.classList.add('car'); const carImage = document.createElement('img'); carImage.src = car.image; carImage.alt = car.name; const carName = document.createElement('h3'); carName.textContent = car.name; const carDescription = document.createElement('p'); carDescription.textContent = car.description; const carPrice = document.createElement('p'); carPrice.textContent = car.price; carElement.appendChild(carImage); carElement.appendChild(carName); carElement.appendChild(carDescription); carElement.appendChild(carPrice); carList.appendChild(carElement); }); }); document.getElementById('contact-form').addEventListener('submit', function(event) { event.preventDefault(); const name = document.getElementById('name').value; const email = document.getElementById('email').value; const message = document.getElementById('message').value; console.log("Contact form submitted"); console.log("Name:", name); console.log("Email:", email); console.log("Message:", message); alert('Thank you for your message. We will get back to you shortly.'); event.target.reset(); });