摘要准备好见证欧洲足球的盛宴,探索2024年欧洲杯激动人心的主办国吧!慕尼黑多特蒙德柏林科隆法兰克福汉堡门兴格拉德巴赫莱比锡斯图加特盖尔森基兴人口,面积,球队,体育场馆,著名景点,consthostCities=document.getElementById,host,cities,constcityInfo=document.getE...。
准备好见证欧洲足球的盛宴,探索 2024 年欧洲杯激动人心的主办国吧!
-
慕尼黑
-
多特蒙德
-
柏林
-
科隆
-
法兰克福
-
汉堡
-
门兴格拉德巴赫
-
莱比锡
-
斯图加特
-
盖尔森基兴
-
人口:
-
面积:
-
球队:
-
体育场馆:
-
著名景点:
<script>
const hostCities = document.getElementById('host-cities');const cityInfo = document.getElementById('city-info');const cityDetails = document.querySelectorAll('.city-details li');hostCities.addEventListener('click', (e) => {const target = e.target;if (target.tagName !== 'LI') return;// 移除所有活动的类const activeCity = document.querySelector('.active');activeCity.classList.remove('active');// 为目标城市添加活动的类target.classList.add('active');// 获取城市名称const cityName = target.dataset.city;// 根据城市名称显示城市信息cityInfo.classList.remove('hidden');cityInfo.querySelector('h2').textContent = cityName;cityDetails[0].textContent = '人口:' + getCityPopulation(cityName);cityDetails[1].textContent = '面积:' + getCityArea(cityName);cityDetails[2].textContent = '球队:' + getCityTeam(cityName);cityDetails[3].textContent = '体育场馆:' + getCityStadium(cityName);cityDetails[4].textContent = '著名景点:' + getCityLandmark(cityName);});// 获取城市人口function getCityPopulation(cityName) {switch (cityName) {case '慕尼黑': return '156 万';case '多特蒙德': return '58.6 万';case '柏林': return '370 万';case '科隆': return '108.5 万';case '法兰克福': return '76.6 万';case '汉堡': return '183 万';case '门兴格拉德巴赫': return '26.6 万';case '莱比锡': return '59.9 万';case '斯图加特': return '63.3 万';case '盖尔森基兴': return '25.9 万';}}// 获取城市面积function getCityArea(cityName) {switch (cityName) {case '慕尼黑': return '310 平方公里';case '多特蒙德': return '280 平方公里';case '柏林': return '892 平方公里';case '科隆': return '405 平方公里';case '法兰克福': return '248 平方公里';case '汉堡': return '755 平方公里';case '门兴格拉德巴赫': return '170 平方公里';case '莱比锡': return '298 平方公里';case '斯图加特': return '207 平方公里';case '盖尔森基兴': return '105 平方公里';}}// 获取城市球队function getCityTeam(cityName) {switch (cityName) {case '慕尼黑': return '拜仁慕尼黑';case '多特蒙德': return '多特蒙德';
case '柏林': return '柏林赫塔';case '科隆': return '科隆';case '法兰克福': return '法兰克福';case '汉堡': return '汉堡';case '门兴格拉德巴赫': return '门兴格拉德巴赫';case '莱比锡': return '莱比锡红牛';case '斯图加
</script>
标签: 2024年欧洲杯激动人心的主办国探索
很赞哦! ()