如何根据变量值显示某些图像？

Question

我已经设法在变量达到 12 以上的值时显示图像，但是假设变量达到超过 20 的值 - 如果我想要显示不同的图像怎么办？ 我已经尝试过“其他”，但它似乎不起作用——有人知道吗？

 var poeng = 0; var imgURL = 'https://partycity6.scene7.com/is/image/PartyCity/_pdp_sq_?$_1000x1000_$&$product=PartyCity/278696'; function createImage(url) { var imgEl = document.createElement('img'); imgEl.alt = 'Nerd'; imgEl.src = url; return imgEl; } function myFunction() { poeng = 5; console.log(poeng) check() } function myFunction2() { poeng = 7; console.log(poeng) check() } function myFunction3() { poeng = poeng + 5; console.log(poeng) check() } function check() { if (poeng > 12) { var imgEl = createImage(imgURL); document.body.appendChild(imgEl); } } poeng = 24 check()

Answer 1

我相信那是你的场景

 let poeng = 0; const images = { 12: "https://partycity6.scene7.com/is/image/PartyCity/_pdp_sq_?$_1000x1000_$&$product=PartyCity/278696", 20: "https://partycity6.scene7.com/is/image/PartyCity/_pdp_sq_?$_1000x1000_$&$product=PartyCity/278697", }; function check() { poeng++; if (poeng > 20) { return (document.getElementById("nerd").src = images[20]); } if (poeng > 12) { return (document.getElementById("nerd").src = images[12]); } }

 img[src=""] { display: none; }

 <button onclick="check()">plus one</button> <img src="" id="nerd" alt="Nerd" />