我正在开发一个非常简单的网页,其中只包含一个在其上方生成随机图像的按钮。
我在网上搜索,但没有一个答案似乎解决了我的问题。
我有一个似乎正在工作的js代码:它生成一个随机数,但是当我尝试将数字链接到'.jpg'时(这就是我所有图像的命名方式,例如:1.jpg,2.jpg等)它说
" Failed to load resource: [x].jpg:1
net::ERR_FILE_NOT_FOUND "
它基本上意味着我所拥有的函数不是将变量中的随机数添加到文件名src中。
我确信图像的名称是[number] .jpg,目录是正确的。
HTML:
<body>
<div class="container-fluid">
<section class="row">
<div class="col-12" id="divImage"> </div>
</section>
<section class="row">
<button onclick="generator()"> Go </button>
</section>
</div>
<script src="teste.js"></script>
</body>
JS:
function generator() {
var x= Math.floor((Math.random()*12)+1);
console.log(x);
document.getElementById('divImage').innerHTML='<img src="img/[x].jpg">';
}
如果要在字符串上插入变量,请使用以下方法之一:
'<img src="img/' + x +'.jpg">'
或与ES6
`<img src="img/${x}.jpg">`