대구AI스쿨 50일차

김영목·2021년 9월 3일
0

1교시 : 랜덤 함수를 이용한 간단한 놀이

만약 웹 화면에 있는 특정 버튼을 눌럿을 경우 랜덤한 효과가 나타도록 하고 싶다면 어떻게 해야할까????

우선 html 문서부터 확인해보자.


var color = ['red', 'blue', 'yellow', 'green'];

var bg = document.getElementById('color-bg');
var btn = document.getElementById('btn');

btn.addEventListener('click', function() {
	var randomGet = Math.Floor(Math.random()*4)
    bg.style.backgroundcolor = colors[random]
});
profile
안녕하세요 김영목입니다.

0개의 댓글