如何使用for循环显示图像？
如何使用for循环显示图像？
提问于 2019-05-21 23:03:37
我真正想做的是为预订页面创建一个网页，在那里你可以租到小屋。但是只有一些时间段的机舱是空置的，所以我想找出在不同的时间段哪一个是可用的。我成功地获得了不同机舱的信息，但我正在努力让照片向前发展。
var ferie = document.getElementById("ferie")
var parUt = document.getElementById("parUt")
var bilde = document.getElementById("bilde")
var hytter = [{
navn: "Granstua",
sengeplasser: 4,
standard: "høy",
badstue: "Ja",
ukepris: "12 000 kr",
enLedig: "Påske",
bilde: "granstua.jpg"
},
{
navn: "Granbo",
sengeplasser: 6,
standard: "Middels",
badstue: "Nei",
ukepris: "15 000 kr",
ledig: "VinterFerie",
enLedig: "Jul",
bilde: "granbo.jpg"
},
{
navn: "Granhaug",
sengeplasser: 10,
standard: "Høy",
badstue: "Ja",
ukepris: "30 000 kr",
ledig: "VinterFerie",
bilde: "granhaug.jpg"
}
]
function ledigSjekk() {
var periode = ferie.value
var tekstUt = "oversikt over alle hyttene som er tilgjgenlig<br>"
for (var i = 0; i < hytter.length; i++) {
if (periode == hytter[i].ledig) {
tekstUt += "<br>hytteNavn:" + hytter[i].navn
tekstUt += "<br>sengeplasser:" + hytter[i].sengeplasser
tekstUt += "<br>standard:" + hytter[i].standard
tekstUt += "<br>badstue:" + hytter[i].badstue
tekstUt += "<br>ukepris" + hytter[i].ukepris + "<hr>"
bilde.src = hytter[i].bilde
} else if (periode == hytter[i].enLedig) {
tekstUt += "<br>hytteNavn:" + hytter[i].navn
tekstUt += "<br>sengeplasser:" + hytter[i].sengeplasser
tekstUt += "<br>standard:" + hytter[i].standard
tekstUt += "<br>badstue:" + hytter[i].badstue
tekstUt += "<br>ukepris" + hytter[i].ukepris
bilde.src = hytter[i].bilde
}
}
parUt.innerHTML = tekstUt
}<select class="" name="" id="ferie">
<option>Jul</option>
<option>VinterFerie</option>
<option>Påske</option>
</select>
<button type="button" onclick="ledigSjekk()" name="button">Sjekk hvilken som er ledig</button>
<p id="parUt"></p>
<img src="" id="bilde" alt="">
回答 1
Stack Overflow用户
发布于 2019-05-22 03:09:52
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56241211
复制相关文章
相似问题