title: Displaying a java enum value with innerHTML using javascript
body: <p>After using fetch to signal a java method via:</p>
  <pre><code>let res = await fetch(api call);
  let data = await res.json();
  </code></pre>
  <p>I get data object returned to my javascript as follows:</p>
  <pre><code>description: &quot;test case&quot;
  status: {status: &quot;PENDING&quot;}
  </code></pre>
  <p>The function responsible for displaying the data is like this:</p>
  <pre><code>let container = document.getElementById('id');
  function populate(data){
  for (obj of data) {
      let post = document.createElement('div');
      post.innerHTML = `&lt;p&gt;Description:  ${obj.description} and Status: ${obj.status.status}&lt;/p&gt;&lt;br&gt;`;
      container.append(post);
  }
  </code></pre>
  <p>}</p>
  <p>This results in the output:</p>
  <p>test case and null</p>
  <p>or</p>
  <p>test case and [Object:object]</p>
  <p>Status is an enum. How do I get the value of the enum to display with innerHTML?</p>