반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>버튼 누르면 색 바뀜</title>
<script>
window.onload= function(){
var button1 = document.getElementById("button1");
button1.onclick = changeBack;
function changeBack(){
document.body.style.backgroundColor=getRandomRgb();
console.log(getRandomRgb());
}
function getRandomRgb(){
var red = parseInt(Math.random()*255);
var green = parseInt(Math.random()*255);
var blue = parseInt(Math.random()*255);
return "rgb("+red+","+green+","+blue+")";
}
}
</script>
</head>
<body>
<input id="button1" type="button" value="change!!">
</body>
</html>반응형
'web > 코딩' 카테고리의 다른 글
| 웹 html,css,javascript 예제 - 타이머 (0) | 2022.01.08 |
|---|---|
| 웹 (html,css,javascript) 예제 - 반응속도 테스트 (0) | 2022.01.08 |
| 웹 (html, css, javascript) 예제 - 지뢰찾기 게임 (0) | 2022.01.08 |
| 웹 (html,css,javascript) 예제 - 오셀로 게임 (0) | 2022.01.08 |