成都酒店价格住宿 (成都酒店价格查询)

作者：企业邮箱发布于：2024-10-30 点击量： 869

提供成都酒店价格查询服务,帮助您快速找到合适的酒店,预订房源。

<ｓｃｒｉｐｔ> const input = document.querySelector('.search-input');const resultList = document.getElementById('result-list');const searchHotels = (e) => {e.preventDefault();const query = input.value;if (!query) {alert('请输入酒店名称或地址');return;}const url = `${query}`;fetch(url).then(response => response.json()).then(data => {resultList.innerHTML = '';data.forEach(hotel => {const result = document.createElement('div');result.classList.add('result');const title = document.createElement('h2');title.classList.add('result-title');title.textContent = hotel.name;const price = document.createElement('p');price.classList.add('result-price');price.textContent = `价格: ${hotel.price} 元`;const address = document.createElement('p');address.classList.add('result-address');address.textContent = `地址: ${hotel.address}`;result.appendChild(title);result.appendChild(price);result.appendChild(address);resultList.appendChild(result);});}).catch(error => {console.log(error);alert('查询失败,请稍后再试');});};const form = document.querySelector('.search-form');form.addEventListener('submit', searchHotels);
本文由:成都民宿于(2024-10-30)发表了关于成都酒店价格住宿 (成都酒店价格查询)的文章。如转载请注明出处：http://www.cdcy-mail.com

如果您对此感兴趣,可以通过以下联系方式与我们联系：

点击这里给我发消息成都区销售重庆区销售云贵区销售华南区销售华北区销售华东区销售