实时查询公交车线路信息，出行更方便！
查询结果：
-
线路1：
起点站
→
终点站
（
预计到达时间
）
-
线路2：
起点站
→
终点站
（
预计到达时间
）
-
线路3：
起点站
→
终点站
（
预计到达时间
）
script.js
javascript
const sourceInput = document.getElementById('source');
const destinationInput = document.getElementById('destination');
const resultElement = document.getElementById('result');const submitButton = document.querySelector('input[type="submit"]');
submitButton.addEventListener('click', (event) => {event.preventDefault();const source = sourceInput.value;const destination = destinationInput.value;// 根据起点站和终点站查询公交车线路信息// 更新查询结果const result = [{line: '线路1',source,
destination,eta: '10 分钟'},{line: '线路2',source,destination,eta: '15 分钟'},{line: '线路3',source,destination,eta: '20 分钟'}];let html = '';result.forEach((item) => {html += `
${item.line}：${item.source} → ${item.destination}（${item.eta}）
`;});resultElement.innerHTML = `
查询结果：
`;
});style.css
css
body {font-family: Arial, Helvetica, sans-serif;
}h1 {margin-bottom: 1em;
}p {margin-bottom: 1em;
}form {display: flex;align-items: center;justify-content: center;
}form label {margin-right: 1em;
}form input[type="text"] {width: 150px;margin-right: 1em;
}result {margin-top: 1em;
}result h2 {margin-bottom: 0.5em;
}result ul {list-style-type: none;padding: 0;
}result li {margin-bottom: 0.5em;
}
