如何结合JS和PHP脚本？

Question

在每次重新加载页面时，我都有用于随机背景图像的JS脚本。我还将PHP脚本作为页面模板的一部分来获取imgs URL。现在我需要结合这两个脚本，因此我已经创建了这样的生物：

<script>
    // random
    function randomImage(){
    var images = [
<?php 
    $images = get_field('header-gallery');
    if( $images ): 
?>
<?php 
        foreach( $images as $image ): 
?>
'<?php echo $image['url']; ?>',
<?php 
        endforeach; 
?>
<?php 
    endif; 
?>
    ];
  var size = images.length;
  var x = Math.floor(size * Math.random());
  console.log(x);
  var element = document.getElementsByClassName('l-header-image');
  console.log(element);
  element[0].style["background-image"] = "url("+ images[x] + ")";
}
document.addEventListener("DOMContentLoaded", randomImage);
</script>

但是我知道那是不正确的。我应该如何正确做？