Shopify Related Articles, Randomized

{% capture all_the_tags %}{% for tag in article.tags %}{{ tag }} {% endfor %}{% endcapture %}
{% assign current = article.id %}
{% assign count = 0 %}
<script>
	function fisherYates ( myArray ) {
		var i = myArray.length,j,temp;
		if (i === 0) return false;
		while (--i) {
			j = Math.floor(Math.random()*(i+1));
			temp = myArray[i];
			myArray[i] = myArray[j]; 
			myArray[j] = temp;
		}
	}

	var articles = new Array();
	{% for article in blog.articles %}
		{% unless article.id == current %}
			{% for tag in article.tags %}
				{% if all_the_tags contains tag %}
					{% if article.content contains 'src' %}
						{% assign article_img = article.content | split:'src="' %}
						{% assign article_img = article_img[1] | split:'"' %}
						{% assign article_img = article_img[0] %}
						{% capture article_img %}<img src='{{ article_img }}' alt='{{ shop.name | escape }} {{ article.title | escape }}' />{% endcapture %}
					{% else %}
						{% capture article_img %}<img src='{{ 'logo.png' | asset_url }}' alt="{{ shop.name }}" />{% endcapture %}
					{% endif %}
					articles[{{ count }}] = "<a href='{{ article.url }}'>{{ article_img | img_tag }}<br />{{ article.title | escape }}</a>";
					{% assign count = count | plus:1 %}
				{% endif %}
			{% endfor %}
		{% endunless %}
	{% endfor %}
	
	fisherYates(products);
	for(var i=0;i<4;i++) {
		document.write(articles[i]);	
	}
	
</script>

Hi Zach,
I found this gist after google "shopify related articles". I tried using this script, and it appeared to be pulling the correct articles within the script tags. However, nothing was outputted into the html. Is there something simple that I'm failing to notice, do I need to add some liquid to output the js into html? Thanks for your time!

On line 29
{{ article_img | img_tag }}
should be
{{ article_img }}

On line 36
fisherYates(products);
should be
fisherYates(articles);