title: StencilJS/ Javascript Class can't return result to component
body: <p>I am trying to return an element to a variable embeded as JSX into my component. I am new to StencilJS, and am having trouble initializing my variables and returning their result to the component. I am sure their is a rookie mistake happening.</p>
  <pre><code>export class PwSortableHeader {
  render() {
   let label;
   let button = document.getElementById(&quot;clickme&quot;)
   let count = 0;
   button.onclick = function() {
    count += 1;
    if (count === 1) {
      label = &lt;pw-i-lined-default-sort /&gt;
    } else if (count === 2) {
      label = &lt;pw-i-lined-up-sort /&gt;
    } else {
      label = &lt;pw-i-lined-down-sort  /&gt;
    }
  
  };
  return (
    &lt;Host id=&quot;clickme&quot;&gt;
      &lt;slot /&gt;
      {label}  // variable not initialized
    &lt;/Host&gt;
  );
  }
  } 
  </code></pre>