QnA

Home

12342019.08.16 16:03

친절한 설명과 답변 정말 감사드립니다. 알려주신 내용을 토대로 제가 작성한 코드입니다. 이 책을 공부하는 다른 학우들에게도 도움이 되면 좋겠습니다.

================================================================================================================

<!DOCTYPE html>
<html>

<head>

<title>겜블링게임</title>

</head>

<body>

<h2>겜블링게임</h2>

<br>

<p>각 숫자를 클릭하면 ....... 승리합니다.</p>

<hr>

<div width:300; height:100">
<span id="first" style="color:blue; font-size:30px" onclick="change(this)">0</span>
<span id="second" style="color:blue; font-size:30px" onclick="change(this)">0</span>
<span id="third" style="color:blue; font-size:30px" onclick="change(this)">0</span>
</div>

<div id="result" onclick="reset()"></div>

<script>
function change(obj){
var num = Math.floor(Math.random()*3);
obj.innerHTML = num;
if(obj==document.getElementById("third"))
check();
}

function check(){
var a = document.getElementById("first").innerHTML;
var b = document.getElementById("second").innerHTML;
var c = document.getElementById("third").innerHTML;
if(a==b && b==c)
document.getElementById("result").innnerHTML="success(click here to do again)";
else
document.getElementById("result").innerHTML = "fail(click here to do again)";
}

function reset(){
document.getElementById("first").innerHTML=0;
document.getElementById("second").innerHTML=0;
document.getElementById("third").innerHTML=0;
document.getElementById("result").innerHTML="";
}

</script>

</body>

</html>

▼

LOGIN