title: get data from json api but not displaying it in an html table
body: <p>I am interested in how to retrieve data from a website and display it in html. then I found an example from a website and tried changing some code in it. but then the existing data is not displayed by the browser. this is an example:</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>&lt;/scrypt&gt;
  $(document).ready(function() {
          $('#example').DataTable({
              "processing": true,
              "ajax": "https://www.zpool.ca/api/miners",
  
              column: [{
                  "algo"
              }, {
                  "version"
              }, {
                  "count"
      }]
    });
  });&lt;/scrypt&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"&gt;
  &lt;script src='https://code.jquery.com/jquery-3.3.1.js'/&gt;
  &lt;script src='https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js'/&gt;
      &lt;table id="example" class="display" style="width:100%"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Algo&lt;/th&gt;
                  &lt;th&gt;Version&lt;/th&gt;
                  &lt;th&gt;Count&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tfoot&gt;
              &lt;tr&gt;
                  &lt;th&gt;Algo&lt;/th&gt;
                  &lt;th&gt;Version&lt;/th&gt;
                  &lt;th&gt;Count&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/tfoot&gt;
      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>can some one fix this ??</p>