javascript
// script.js// 获取 DOM 元素
const resultList = document.getElementById('results-list');
const form = document.querySelector('form');// 侦听表单提交事件
form.addEventListener('submit', e => {e.preventDefault();// 获取地址const address = document.getElementById('address').value;// 根据地址搜索补胎店searchTireShops(address, displayResults);
});// 定义搜索补胎店的函数
function searchTireShops(address, callback) {// 模拟搜索 API 调用setTimeout(() => {// 创建示例补胎店数据const tireShops = [{name: '轮胎世界',address: '123 主街',distance: '0.5 英里'},{
name: '轮胎王',address: '456 第2大道',distance: '1.2 英里'},{name: '轮胎中心',address: '789 第3大街',distance: '2.1 英里'}];// 调用回调函数并传递补胎店数据callback(tireShops);}, 500);
}// 定义显示结果的函数
function displayResults(tireShops) {// 清除现有的结果resultList.innerHTML = '';// 循环补胎店数据并创建列表项tireShops.forEach(shop => {const listItem = document.createElement('li');listItem.innerHTML = `
${shop.name}
${shop.address}
距离:${shop.distance}
`;// 将列表项追加到列表中resultList.appendChild(listItem);});
}