[JavaScript]웹 페이지 새로고침시 이미지 랜덤으로 노출 예제

이 화면은 이미지 누르면 링크도 포함되어있다. 링크도 같이 바뀌게 적용한 페이지다.

적용화면

Source

HTML

<a href="#">
	<img src="" alt="" />
</a>

JavaScript

var banner = new Array();
banner[banner.length] = [
	'http://www.google.com',
	'https://goo.gl/1p6EFv',
	'구글'
];
  banner[banner.length] = [
    'http://www.naver.com',
    'https://goo.gl/BoFkox',
    '네이버'
  ];
  banner[banner.length] = [
	'http://www.daum.com',
	'https://goo.gl/Cdu4cD',
	'다음'
];
var elem = document.getElementById('banner');
var size = Math.floor(Math.random()*(banner.length));
size = (isNaN(size)) ? 0 : size;
elem.setAttribute('src',banner[size][1]);
elem.setAttribute('alt', banner[size][2]);
elem.parentElement.setAttribute('href', banner[size][0]);