title: Javascript, how to set/call the value inside HTML output
body: <p><strong>I did not the put the full code, it's a lot</strong></p>
  
  <p>I have the a countingdown script,
  Im trying to set a new string inside of this code, and then, call the same string to fill up a link inside html code.</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>var events = [
        ["Example",["02:00","06:00","10:00","14:00","18:00","22:00"]], 
        ["Example2",["03:00","05:00","8:00","11:00","15:00","19:00"]],
  </code></pre>
  
  <p>Im trying to apply a different image name for each row that I have, I tried something like this:</p>
  
  <p><strong>I tried this:</strong></p>
  
  <pre><code> var events = [
      ["Example",["02:00","06:00","10:00","14:00","18:00","22:00"],["image.png"]],
      ["Example",["03:00","05:00","8:00","11:00","15:00","19:00"],["another-image.png"]],
  </code></pre>
  
  <p><strong>My HTML output is like that:</strong></p>
  
  <pre><code>&lt;a href="#"&gt;' + line[0] + '&lt;img src="https://mywebsite.com/images/'PRINT IMAGE.PNG HERE"&gt;&lt;/img&gt;
  </code></pre>
  
  <p>I want to complete the link (example 3) with the value added (example 2)
  How can I call it properly?
  I cannot just fill the html with this name, cuz I need one different image for each row inside "var events".</p>
  
  <p><a href="https://i.stack.imgur.com/Ed8CX.jpg" rel="nofollow noreferrer">Check this Image please, question explained.</a></p>
  
  <p>Thank you</p>