script.js
javascript
const locationForm = document.getElementById('location-form');
const resultsHeading = document.getElementById('results-heading');
const resultList = document.getElementById('results-list');locationForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.getElementById('location').value;if (location === '') {alert('请输入你的地址或邮编');return;}resultsHeading.textContent = `附近 ${location} 的修车补胎服务：`;fetch(`${location}`).then((response) => response.json()).then((data) => {const shops = data.shops;if (shops.length === 0) {const noResultsMessage = document.createElement('p');noResultsMessage.textContent = '附近没有找到修车补胎服务';resultList.appendChild(noResultsMessage);} else {shops.forEach((shop) => {const shopElement = document.createElement('div');shopElement.classList.add('shop');const shopName = document.createElement('h4');
shopName.textContent = shop.name;shopElement.appendChild(shopName);const shopAddress = document.createElement('p');shopAddress.textContent = shop.address;shopElement.appendChild(shopAddress);const shopPhone = document.createElement('p');shopPhone.textContent = `电话：${shop.phone}`;shopElement.appendChild(shopPhone);const shopHours = document.createElement('p');shopHours.textContent = `营业时间：${shop.hours}`;shopElement.appendChild(shopHours);resultList.appendChild(shopElement);});}}).catch((error) => {console.error('Error fetching repair shops:', error);alert('获取修车补胎服务信息失败，请稍后再试。');});
});
