Attempt to randomize image generation with javascript?

Question

I want to randomly generate images for a project, I'm sure it's something small but on run nothing is changing and I've been scratching my head for a couple of days now. Not too sure where the problem lies although I suspect " let SelectedImage = AIPic[RandomNumber]; " is incorrect?

THE JAVASCRIPT

 let RandomNumber = Math.random();
 RandomNumber = RandomNumber * AIPic.length;
 RandomNumber = Math.floor(RandomNumber);
 let SelectedImage = AIPic[RandomNumber];
 AIPics.src = SelectedImage;
 document.getElementById ('AIPics') = SelectedImage;" ```


Inside the html body - 

 <img id = "AIPics" src="loading.gif">
 <script src="script.js"></script> 

Answer 1

Assuming you have those variables defined else where, this is the same code, fixed a bit:

var AIPic = [
  "https://picsum.photos/id/200/200",
  "https://picsum.photos/id/201/200",
  "https://picsum.photos/id/202/200"
]
let RandomNumber = Math.random();
RandomNumber = RandomNumber * AIPic.length;
RandomNumber = Math.floor(RandomNumber);
let SelectedImage = AIPic[RandomNumber];
document.getElementById('AIPics').src = SelectedImage;

<img id="AIPics">