title: Changing content of a DIV: different span parts
body: <p>Suppose I have the following DIV:</p>
  
  <pre><code>&lt;div id=div5&gt;&lt;span id="name"&gt;Hertog-Jan&lt;/span&gt;&lt;span id="price"&gt;&lt;/span&gt;&lt;/div&gt;&lt;br&gt;
  </code></pre>
  
  <p>It has two 'parts', the first being the name (which should NEVER change), the second being the price. Ultimately, I have to use an API to retrieve the actually price for Hertog-Jan from the website of the Dutch store 'Albert Heijn', but for know, I use a random number generator to generate a random number between 100 and 999, and make that the 'price':</p>
  
  <pre><code>&lt;script&gt;
    function price (it) {
      var value = (Math.round(((Math.random() * 900) + 100)));
      /* value *= 0.01; */
      document.getElementById(it).innerHTML.price += ": €" + value;
    }
  </code></pre>
  
  <p>(maybe not the best) and then call the function like this</p>
  
  <pre><code>price('div5');
  </code></pre>
  
  <p>However, the output will always be Hertog-Jan (no price appearing). Am I doing something wrong? I personally think it has to do with the innerHMTL.price, but I'm not sure. I used to have</p>
  
  <pre><code>&lt;div id=div5&gt;Hertog-Jan&lt;/div&gt;&lt;br&gt;
  </code></pre>
  
  <p>but later I have to add an option to sort by name, price, etc. so I thought it would be useful to have the name and price information in two separate, uhm, 'boxes' (you get the idea).</p>
  
  <p>Some of you may have noted that value *= 0.01 is now basically 'turned off', which is due to the fact that sometimes, if a number (such as 626) is multiplied by 0.01, it doesn't give me 6.26, but rather 6.260000000001. Is there any way to fix this? I want random numbers between 1 and 10 (including 1, excluding 10) rounded to exactly two decimals (and it should ALWAYS be two decimals, of course).</p>