Image Changing On Reload [Without Typing All Names Of Images]

Im not the best coder. So I want something pretty simple, and it would help alot if you can even explain the process and what each part means

---

so say i have the .html file Basic Example

then i have a folder containing images with the prefix "image" then followed by a number (example - "image1.png", "image2.png")

everytime the page reloads itll just pick a random one. Ive seen a bunch of similar posts but they have you write out all the images paths in a table or whatever, I dont wanna do that, is there an easier way. Ive done something with .gif files but i lost that html file somewhere.