Javascript：リンクをクリックするとランダムな画像が生成されます

ハイパーリンクをクリックしてランダムな画像を生成しようとしています。そのために、ランダムな画像を生成するためにランダム関数を使用しました。しかし、それは動作していません。誰でも私を修正できますか？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>

出典

2017-10-21 Riya

[JavaScript配列からランダムにアイテムを取得する]の可能な重複（https://stackoverflow.com/questions/5915096/get-random-item -from-javascript-array） –

しかし、あなたは ''要素を持っていないので、この要素が必要であり、配列 'images'のある値で' src'を設定します。 – kip

@kip yaa got it ...... – Riya

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

出典

2017-10-21 01:58:52

Javascript：リンクをクリックするとランダムな画像が生成されます

答えて

関連する問題