title: Math.random not working
body: <p>I'm not able to generate value to place X in an random location within a box. Any idea what is wrong?</p>
  
  <pre><code>   var putAnXBtn = document.getElementById("putAnXButton");
  putAnXBtn.onclick = function(){
  
          var theBox = document.getElementById("putAnX");
  
          // width and height of the box 
          var width = theBox.clientWidth;
          var height = theBox.clientHeight;
  
  
          var yPosition = Math.random()* width; // Not able to generate a value between 0 and the height
          var xPosition = Math.random()* height;  //Not able to generate a value between 0 and the width
  
  
        var theXElement = document.getElementById("theX");
          theXElement.innerHTML="X";
          theXElement.style.top = parseInt(yPosition)+'px';
          theXElement.style.left = parseInt(xPosition)+'px';
  
   }
  </code></pre>