Trouble with displaying javascript data

I am trying to get a simple javascript array to pass to a squarespace page, but everything I have tried has not worked. Here is the latest code I attempted. I put the script in the Advanced code section for the page, and the HTML in a code section on the page. I can't get anything to display. I am using squarespace 7.1. Any help would be greatly appreciated. Thanks!

in advanced code section...
<script>
var array = ['apple','ball']; 
document.getElementById('content').innerHTML = array.toString();
</script>

in code section on page
<div id="content"></div> 

Can you share link to your site? We can check easier

Hi tuanphan,

Thanks for offering to take a look at the site. This is the page - https://www.waileage.org/test. The code block is above the text on the page, but nothing is displayed.

Kind regards,

James

Try add a Code Block under current Code Block > Then paste script code (script you added in Advanced Code Section

@tuanphan

is right. What was/is happening is that the code in Page Settings > Advanced > Page Header Code Injection for the page is running before the code block in the page. So the code in the page header can not find the element because it doesn't exist yet. It is an order issue.

Thanks tuanphan and creedon! Worked perfectly.