title: JavaScript multiply two ids
body: <p>I am trying to multiply two values that script get from below two different api. I am using document.getelementbyid to get the two id that I need which is gbp and balance. The api script can display the data get from api. However, the multiply script is not working. Nothing is showing. Help please?</p>
  
  <p>first api  </p>
  
  <pre><code> $(function() {
      $.ajax({
      type: "GET",
      url: "https://min-api.cryptocompare.com/data/price?fsym=ETH&amp;tsyms=ETH,GBP,HKD",
      dataType: "json",
      success: function (data) {
          console.log(typeof data); 
          var json = data;
          $('#gbp').html(json.GBP);
          $('#hkd').html(json.HKD);
      }
      });
      });  
  </code></pre>
  
  <p>second api </p>
  
  <pre><code>$(function() {
  $.ajax({
  type: "GET",
  url: "https://api.nanopool.org/v1/eth/reportedhashrate/1",
  dataType: "json",
  success: function (data) {
      console.log(typeof data); // -- Object
      var json = data;
      $('#balance').html(json.data);
  }
  });
  });
  </code></pre>
  
  <p>multiply javascript:</p>
  
  <pre><code> $(function () {
          "use strict";
          var $butbut =document.getElementById('gbp').html;
          var $siksik =document.getElementById('balance').html;
          var $lamlam =  $butbut * $siksik;
          document.getElementById('money').html=$lamlam;
      });
  </code></pre>
  
  <p>html script </p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Untitled Document&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="Untitled-4.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
  
      &lt;body&gt;
  
      &lt;div id="balance"&gt;&lt;/div&gt;
  
      &lt;div id="money"&gt;&lt;/div&gt;
      &lt;div id="gbp"&gt;&lt;/div&gt;
  
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>