查找附近的汽车维修店 (查找附近的车辆)

邮编: 半径 (公里):

css body {font-family: Arial, sans-serif; }h1 {margin-top: 0; }form {display: flex;align-items: center;justify-content: center; }form label {margin-right: 5px; }form input {width: 200px; }results {margin-top: 10px; }results ul {list-style-type: none;display: flex;flex-direction: column;gap: 10px; } javascript const zipcodeInput = document.getElementById('zipcode'); const radiusInput = document.getElementById('radius'); const resultsElement = document.getElementById('results');const searchButton = document.querySelector('input[type="submit"]'); searchButton.addEventListener('click', (event) => {event.preventDefault();const zipcode = zipcodeInput.value;const radius = radiusInput.value;// 调用函数来获取附近的汽车维修店getNearbyAutoRepairShops(zipcode, radius).then((data) =>{// 清除之前的搜索结果resultsElement.innerHTML = '';// 遍历搜索结果并创建列表项data.forEach((shop) => {const listItem = document.createElement('li');const shopName = document.createElement('h2');shopName.textContent = shop.name;const shopAddress = document.createElement('p');shopAddress.textContent = shop.address;const shopPhone = document.createElement('p');shopPhone.textContent = shop.phone;// 将列表项添加到搜索结果中listItem.appendChild(shopName);listItem.appendChild(shopAddress);listItem.appendChild(shopPhone);resultsElement.appendChild(listItem);});}); });async function getNearbyAutoRepairShops(zipcode, radius) {const response = await fetch(`${zipcode}&query=automotive%20repair&radius=${radius 1000}&limit=5&client_id=CLIENT_ID&client_secret=CLIENT_SECRET`);const data = await response.json();return data.response.venues; }