杭州汽车购票 (杭州汽车购票公众号)

杭州耍耍 04-13 阅读:39 评论:0
杭州汽车购票 (杭州汽车购票公众号)

欢迎来到杭州汽车购票公众号,这里您可以方便快捷地购买杭州地区的汽车票。

JavaScript代码 javascript const form = document.querySelector('form'); const results = document.querySelector('results');form.addEventListener('submit', (event) => {event.preventDefault();const from = document.querySelector('from').value;const to = document.querySelector('to').value;const date = document.querySelector('date').value;const url = `${from}&to=${to}&date=${date}`;fetch(url).then(response => response.json()).then(data => {results.innerHTML = '';data.forEach(ticket => {const div = document.createElement('div');div.classList.add('ticket');const name = document.createElement('h3');name.innerText = ticket.name;const price = document.createElement('p');price.innerText = `价格:${ticket.price}`;const time = document.createElement('p');time.innerText = `时间:${ticket.time}`;const button = document.createElement('button');button.innerText = '购买';button.addEventListener('click', () => {window.location.href = ticket.url;});div.appendChild(name);div.appendChild(price);div.appendChild(time);div.appendChild(button);results.appendChild(div);});}).catch(error => {console.error(error);}); });
版权声明

本文仅代表作者观点,不代表杭州桑拿立场。
本文系作者授权发表,未经许可,不得转载。