• 宿舍1
• 宿舍2
• 双人间1
• 双人间2

<ｓｃｒｉｐｔ> const roomItems = document.querySelectorAll(".room-item");const roomInfo = document.getElementById("room-info");const roomImg = document.querySelector(".room-img");const roomDesc = document.querySelector(".room-desc");const closeBtn = document.querySelector(".close-btn");roomItems.forEach((item) => {item.addEventListener("click", () => {const room = item.dataset.room;roomInfo.style.display = "flex";if (room === "dormitory1") {roomImg.innerHTML = ``;roomDesc.innerHTML = `

宿舍1

床位数：10

价格：￥50/晚

`;} else if (room === "dormitory2") {roomImg.innerHTML = ``;roomDesc.innerHTML = `

宿舍2

床位数：12

价格：￥60/晚

`;} else if (room === "double1") {roomImg.innerHTML = ``;roomDesc.innerHTML = `

双人间1

床位数：2

价格：￥100/晚

`;} else if (room === "double2") {roomImg.innerHTML = ``;roomDesc.innerHTML = `

双人间2

床位数：2

价格：￥120/晚

`;}roomItems.forEach((item) => {item.classList.remove("active");});item.classList.add("active");});});closeBtn.addEventListener("click", () => {roomInfo.style.display = "none";});

上一篇：重庆的旅馆多少钱一晚 (重庆旅游住酒店)

下一篇：重庆所有酒店 (重庆所有酒店运营状况)