title: list item on click get innerhtml to js function
body: <p>Hello I have written a simple html/javascript calculator.</p>
  
  <p>Whenever I make a calculation, it is added to the list displayed on the html.</p>
  
  <p>What I need:
  When a list item is clicked I need the string of that calculation, so I can reload the values back into operand 1 and operand 2</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Calculator With Buttons And History&lt;/h1&gt;
      &lt;table&gt;
      &lt;tbody&gt;
      &lt;tr&gt;
      &lt;td&gt;&lt;label&gt;Operand 1:&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input id="o1" type="text" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td&gt;&lt;label&gt;Operand 2:&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input id="o2" type="text" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;p&gt;&lt;button onclick="add()"&gt; + &lt;/button&gt; &lt;button onclick="sub()"&gt; - &lt;/button&gt; &lt;button onclick="mul()"&gt; x &lt;/button&gt; &lt;button onclick="div()"&gt; / &lt;/button&gt;&lt;/p&gt;
      &lt;p&gt;Result:&lt;input id="result" name="result" readonly="readonly" type="text" value="" /&gt;&lt;/p&gt;
      &lt;ul id="result_list" class="list-group" onclick="getCalc(this)"&gt;
          &lt;li class="list-group-item"&gt;1+1=2&lt;/li&gt;
          &lt;li class="list-group-item"&gt;1-1=0&lt;/li&gt;
          &lt;li class="list-group-item"&gt;2*2=4&lt;/li&gt;
          &lt;li class="list-group-item"&gt;3/3=1&lt;/li&gt;
        &lt;/ul&gt;
      &lt;script src="filter.js"&gt; &lt;/script&gt;
      &lt;script src="calc.js"&gt; &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>