랜덤 위치 노출

1. 개요

 1) 아이콘 랜덤 위치에서 노출 이벤트에 이용할 js code

 

2. JavaScript

$('.new_position_test').click(function() {

   var bodyWidth = document.body.clientWidth     // 화면 가로 길이
   var bodyHeight = document.body.clientHeight;  // 화면 세로 길이
   
   var randomPositionX = Math.floor((Math.random()*bodyWidth));   // 가로 랜덤 노출 정보 
   var randomPositionY = Math.floor((Math.random()*bodyHeight));  // 세로 랜덤 노출 정보
   
   var posLog = document.getElementById('pos_log');
   var positionChkXY = 'x: ' + randomPositionX + '<br />' + 'y: ' + randomPositionY;

   $('#rand_pos').css('left', randomPositionX);
   $('#rand_pos').css('top', randomPositionY);
   posLog.innerHTML = positionChkXY;
   
});