Uncaught TypeError: Cannot set property 'src' of null while doing a random image election

Question

I'm new at javascript. I have this code, and I want to select a random image.

const catbutton=document.getElementById('catbutton')
const cubebutton=document.getElementById('cubebutton')
const image=document.getElementById('image')
var arr= ["pr1.jpg", "pr2.jpg"]
const randomElement = arr[Math.floor(Math.random() * arr.length)];
alert(randomElement)
console.log(image.src=(randomElement));

<img id=image src="" alt="">

Here is the image HTML part:

<img id=image src="" alt="">

js file is added to the page before or after this `img` HTML tag? — palaѕн, May 14 '20 at 14:21
@AbrahamLabkovsky I didn't see I missed them! But still without working — , May 14 '20 at 14:24

score 0 · Answer 1 · answered May 14 '20 at 14:24

Its working!!

const catbutton=document.getElementById('catbutton')
const cubebutton=document.getElementById('cubebutton')
const image=document.getElementById('image')
var arr= ["pr1.jpg", "pr2.jpg"]
const randomElement = arr[Math.floor(Math.random() * arr.length)];
image.src=(randomElement)
console.log(image.src);

<img id=image src="" alt="">

Uncaught TypeError: Cannot set property 'src' of null while doing a random image election

1 Answers1