test-Hotellook

Найти отели const token = '3cbbefddc81f8a363224dec08c889589'; const marker = 58114; document.getElementById('hotel-search-form').addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(event.target); const query = formData.get('query'); const checkIn = formData.get('checkIn'); const checkOut = formData.get('checkOut'); const adults = formData.get('adults'); const children = formData.get('children') || 0; const currency = formData.get('currency'); const lang = formData.get('lang'); try { document.getElementById('results').innerHTML = ' Загрузка... '; const lookupResponse = await fetch(`http://engine.hotellook.com/api/v2/lookup.json?query=${encodeURIComponent(query)}&lang=${lang}&lookFor=both&token=${token}`); if (!lookupResponse.ok) throw new Error('Ошибка поиска города: ' + lookupResponse.status); const lookupData = await lookupResponse.json(); if (!lookupData.results.locations.length && !lookupData.results.hotels.length) { document.getElementById('results').innerHTML = ' Город или отель не найден '; return; } const cityId = lookupData.results.locations.length ? lookupData.results.locations[0].id : null; const hotelId = lookupData.results.hotels.length ? lookupData.results.hotels[0].id : null; let searchResponse; if (cityId) { searchResponse = await fetch(`http://engine.hotellook.com/api/v2/search/start.json?cityId=${cityId}&checkIn=${checkIn}&checkOut=${checkOut}&adults=${adults}&children=${children}¤cy=${currency}&lang=${lang}&marker=${marker}&token=${token}`, { method: 'POST' }); } else if (hotelId) { searchResponse = await fetch(`http://engine.hotellook.com/api/v2/search/start.json?hotelId=${hotelId}&checkIn=${checkIn}&checkOut=${checkOut}&adults=${adults}&children=${children}¤cy=${currency}&lang=${lang}&marker=${marker}&token=${token}`, { method: 'POST' }); } else { document.getElementById('results').innerHTML = ' Ошибка: Не удалось определить город или отель '; return; } if (!searchResponse.ok) throw new Error('Ошибка запуска поиска: ' + searchResponse.status); const searchData = await searchResponse.json(); const searchId = searchData.searchId; const resultsResponse = await fetch(`http://engine.hotellook.com/api/v2/search/results.json?searchId=${searchId}&sortBy=price&sortAsc=1&token=${token}`); if (!resultsResponse.ok) throw new Error('Ошибка получения результатов: ' + resultsResponse.status); const resultsData = await resultsResponse.json(); if (!resultsData.results || resultsData.results.length === 0) { document.getElementById('results').innerHTML = ' Отели не найдены '; return; } document.getElementById('results').innerHTML = resultsData.results.map(hotel => ` ${hotel.name} Цена: ${hotel.price} ${currency} Адрес: ${hotel.address || 'Не указан'} Забронировать `).join(''); } catch (error) { document.getElementById('results').innerHTML = ' Ошибка: ' + error.message + ' '; } }); #results { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; padding: 20px; } .hotel { border: 1px solid #ccc; padding: 15px; border-radius: 5px; background: #fff; } .hotel h3 { margin: 0 0 10px; color: #262626; } .hotel a { display: inline-block; padding: 10px; background: #FF8E01; color: #fff; text-decoration: none; border-radius: 5px; } form#hotel-search-form input, form#hotel-search-form button { padding: 10px; margin: 5px; border-radius: 5px; border: 1px solid #ccc; } form#hotel-search-form button { background: #FF8E01; color: #fff; cursor: pointer; }