title: anchor tag not redirecting to link in html
body: <p>I am calling an api and want to populate the uri property of api result into the html.
  I am calling a function and inside it I am trying to do in this way, running the loop 3 times and want to display 3 links with uri property of every object. But this is not running as expected and directing to &quot;datares.jsonData.data[i]&quot; and throwing error. what am doing wrong here?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let text = document.getElementById("textBody2");
  for(let i =0; i&lt; 10; i++){
  text.innerHTML = "&lt;a href= 'datares.jsonData.data[i].uri'&gt;Linkkkk&lt;/a&gt;";
  }</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p id="textBody2" style="text-align: center;"&gt;&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "jsonData": {
      "data": [
        {
      "userId": 1,
      "id": 1,
      "title": "delectus aut autem",
      "uri": 'http://dummy.restapiexample.com/api/v1/employees'
  },
       {
      "userId": 2,
      "id": 1,
      "title": "delectus aut autem",
      "uri": 'http://dummy.restapiexample.com/api/v1/employee1'
  },
        {
      "userId": 3,
      "id": 1,
      "title": "delectus aut autem",
      "uri": 'http://dummy.restapiexample.com/api/v1/employee2'
  }
      ],
      "metadata": {}
    },
    "meta": {}
  }</code></pre>
  </div>
  </div>
  </p>