title: Passing Javascript string var to HTML href tag
body: <p>Due to limitations, I have to set a URL string on every page header in my website as a JavaScript string variable like this <code>var burl = "http://www.example.com";</code></p>
  
  <p>Now, I have to pass this string <code>burl</code> inside an HTML <code>href=""</code> tag in the  of my website. I also want to be able to add extra URL elements to the href link beside the burl.</p>
  
  <p><strong>Here's what the full code look like Javascript + HTML code;</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  var burl = "http://www.example.com";
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;JavaScript Variables&lt;/h1&gt;
  
  &lt;p&gt;the href below should link to http://www.example.com&lt;/p&gt;
  
  &lt;a href="{burl-string-here}/blog/article/"&gt;Open Here&lt;/a&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help solving this simple issue will be appreciated.</p>