array in javascript is not working properly, i need t

Question

<script>
f = new Array();
f.push('h');
f.push('a');
f.push('i');
f.push('l');
f.push('e');
f.push('r');
f.push('i2');
f.push('s');
t = f.length;
face = f[Math.floor(Math.random() * t)];
document.getElementById('img').innerHTML = '<img src="' + face + '.png" alt="something" />';
</script>

It does not work i am trying to make an array that randomize the images and shows them to the user, but it is not working and i dont know why

Does your html have an element with the id img? If so, is this script tag below it in the page? — Nicholas Tower, Oct 15 '17 at 23:47
Your javascript looks fine. Maybe you're running it too soon - for example before the page has loaded? Try putting the script right before the closing body tag. — Mark, Oct 15 '17 at 23:47
Define "not working"! I ran your js in browser console and confirm that it picks a random value from the array. — Igor Soloydenko, Oct 15 '17 at 23:48
Does `id="img"` exist before this code runs? Also what is it? Provide a [mcve] — charlietfl, Oct 15 '17 at 23:53

score 0 · Answer 1 · answered Oct 16 '17 at 00:18

It appears the answer here was to make sure the code was being run after page load

<body>

...

<script>
  f = new Array();
  f.push('h');
  f.push('a');
  f.push('i');
  f.push('l');
  f.push('e');
  f.push('r');
  f.push('i2');
  f.push('s');
  t = f.length;
  face = f[Math.floor(Math.random() * t)];
  document.getElementById('img').innerHTML = '<img src="' + face + '.png" alt="something" />';
</script>

</body>

array in javascript is not working properly, i need t

1 Answers1