title: How to display JSON data in HTML table with JavaScript
body: <p>I have the following JSON. I want to display that data in a table on a webpage. I know that I need HTML and CSS and JS.</p>
  <pre><code>{
    &quot;573570990773239938&quot;: { &quot;experience&quot;: 5045, &quot;level&quot;: 6 },
    &quot;570354378200842250&quot;: { &quot;experience&quot;: 10, &quot;level&quot;: 2 },
    &quot;684059419914534932&quot;: { &quot;experience&quot;: 3050, &quot;level&quot;: 4 },
    &quot;740467743601459261&quot;: { &quot;experience&quot;: 0, &quot;level&quot;: 2 },
    &quot;861645951507628062&quot;: { &quot;experience&quot;: 3000, &quot;level&quot;: 6 }  
  }
  </code></pre>
  <p>Here is my html. What do I have to add as script(JS)</p>
  <pre><code>  &lt;body&gt;
      &lt;table id=&quot;rankings-table&quot; class=&quot;table&quot;&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;td&gt;Name&lt;/td&gt;
            &lt;td&gt;Punkte&lt;/td&gt;
            &lt;td&gt;Rang&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;Georgi&lt;/td&gt;
            &lt;td&gt;3000&lt;/td&gt;
            &lt;td&gt;5&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Georgi&lt;/td&gt;
            &lt;td&gt;3000&lt;/td&gt;
            &lt;td&gt;5&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Georgi&lt;/td&gt;
            &lt;td&gt;3000&lt;/td&gt;
            &lt;td&gt;5&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/body&gt;
  </code></pre>