为什么我的随机图像生成器不显示？(Why wont my random image generator show?)

编程入门行业动态更新时间:2024-10-09 17:19:51

我的随机图像不会显示。我甚至通过html验证器运行它仍然似乎无法找到错误。

function showImg() { /* The showImg() function displays a random image from the 0.png through 9.png files. The random image is designed to thwart hackers attemting to enter the library records database by requiring visual confirmation. */ var imgNumber = randomInteger(9):// Return a random number from 0 to 9 document.write ("<img src='" + imgNumber + ".png' alt=' ' />"); } </script> <script type="text/javascript"> showImg(); showImg(); showImg(); showImg(); showImg(); </script>

My random images wont display. I even ran it through a html validator and still cant seem to find the error.

最满意答案

将showImg调整为

function showImg() { var imgNumber = randomInteger(9);// Return a random number from 0 to 9 document.body.innerHTML += "<img src=" + imgNumber + ".png alt='' />"; }

对于您可以使用的randomInteger函数

function randomInteger(n) { return Math.floor(Math.random() * (n - 0 + 1)) + 0 }

另请参见Math.random()

plnkr http://plnkr.co/edit/VTaRXAsXoAiwVTiy7yh7?p=preview

Adjust showImg to

function showImg() { var imgNumber = randomInteger(9);// Return a random number from 0 to 9 document.body.innerHTML += "<img src=" + imgNumber + ".png alt='' />"; }

for randomInteger function you can use

function randomInteger(n) { return Math.floor(Math.random() * (n - 0 + 1)) + 0 }