Why does '&page' in my Javascript code show up as '&amp;amp;page' in web browser
<p>This is my script and it's being placed in the header internally on the html document:</p>

<pre><code>&lt;script type="text/javascript"&gt;
(function l(d){
 var site = '6708', page = 'blahblah', s, er = d.createElement('script');
 er.type = 'text/javascript';
 er.async = true;
 er.src = '//randomsite.com/?site=' + site + '&amp;page=' + page; // **
 s = d.getElementsByTagName('script')[0];
 s.parentNode.insertBefore(er, s);
})(document);
&lt;/script&gt;
</code></pre>

<p>and for some reason in Chrome when I check the console it shows up as </p>

<pre><code>+ site + '&amp;amp;amp;page=' 
</code></pre>

<p>instead of </p>

<pre><code>+ site + '&amp;page=' + page;
</code></pre>

<p><strong>Edit</strong></p>

<p>So the error disappeared after clearing up console and browser settings. But now a new error has shown up, and I'm not sure what this means</p>

<p>I'm at a loss as to why that is.
<a href="https://i.stack.imgur.com/BcN1Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BcN1Z.png" alt="error"></a></p>