提供成都酒店价格查询服务,帮助您快速找到合适的酒店,预订房源。
<ｓｃｒｉｐｔ>
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
如果您对此感兴趣,可以通过以下联系方式与我们联系：
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线：400-0828-083
