javascript
// 编写查找附近汽车修理厂的脚本// 获取用户输入的地址
const address = document.getElementById("address");// 创建XMLHttpRequest对象
const xhr = new XMLHttpRequest();// 监听XMLHttpRequest对象的load事件
xhr.onload = function() {// 获取请求响应const response = JSON.parse(this.responseText);// 获取汽车修理厂列表const results = response.results;// 循环汽车修理厂列表for (let i = 0; i < results.length; i++) {// 获取汽车修理厂信息const result = results[i];// 创建汽车修理厂元素const element = document.createElement("div");element.classList.add("result");// 添加汽车修理厂名称const name = document.createElement("h3");name.textContent = result.name;element.appendChild(name);// 添加汽车修理厂地址const location = document.createElement("p");location.textContent = result.formatted_address;element.appendChild(location);// 添加汽车修理厂电话号码const phone = document.createElement("p");phone.textContent = result.formatted_phone_number;element.appendChild(phone);// 添加汽车修理厂网站const website = document.createElement("a");website.href = result.website;website.textContent = "访问网站";element.appendChild(website);// 添加汽车修理厂结果const resultsElement = document.getElementById("results");resultsElement.appendChild(element);}
};// 监听表单提交事件
const form = document.querySelector("form");
form.addEventListener("submit", function(e) {e.preventDefault();// 清空结果const resultsElement = document.getElementById("results");resultsElement.innerHTML = "";// 获取用户输入的地址const address = document.getElementById("address").value;// 构建请求URLconst url = `${address}&radius=5000&type=car_repair&key=YOUR_API_KEY`;// 发送请求xhr.open("GET", url, true);xhr.send();
});