Math.random not working

Question

상자 안에 임의의 위치에 X를 배치 할 값을 생성 할 수 없습니다. 어떤 생각이 잘못 됐습니까?

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'; 

} 

Answer 1

나는

Math.floor(Math.Random() * width) 
Math.floor(Math.Random() * height) 

를 사용하는 것이 좋습니다 플러스 당신은 임의의 위치를 ​​생성하는 동안 height 및 width 반전이있다.

변경이이에

var yPosition = Math.random() * width; 
var xPosition = Math.random() * height; 

은 :

var yPosition = Math.floor(Math.random() * height); 
var xPosition = Math.floor(Math.random() * width); 

그렇지 않으면 X는 컨테이너 경계의 외부에서 생성 될 수있다.

뿐인http://jsfiddle.net/9t46F/