2017-10-21 72 views
0

我试图通过单击超链接生成随机图像。为此我使用了随机函数来生成随机图像。但它不起作用。任何人都可以纠正我?Javascript:通过点击链接生成随机图像

代码:

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <a href="#" id="aclick"><p style="text-align: center;"> Catalogue </p> </a> 


    <script language="JavaScript"> 
// set image list 
var images = new Array(); 
images[0] = "final_images/book.jpg"; 
images[1] = "final_images/neck.jpeg"; 
images[2] = "final_images/shoes.jpg"; 
images[3] = "final_images/mixture.jpeg"; 
images[4] = "final_images/earing.jpg"; 

var link = document.getElementById('aclick'); 
link.addEventListener("click",function() { 
    var randomNum = Math.floor(Math.random() * images.length); 
}); 

</script> 

</body> 

</html> 
+1

的可能的复制[获得从JavaScript数组随机项](https://stackoverflow.com/questions/5915096/get-random-item -from-javascript-array) –

+0

但是你没有任何''元素,你需要这个元素并且使用'images'数组的某个值来设置'src'。 – kip

+0

@kip yaa得到它...... – Riya

回答

0

link.addEventListener("click",function() { 
 
    var randomNum = Math.floor(Math.random() * images.length); 
 
    console.log('link : ',images[randomNum]); 
 
});