메뉴 건너뛰기

조회 수 442 댓글 1

<!DOCTYPE html>
<html>
<head>
    <title>p373OpenChallenge08</title>
</head>
<style type="text/css">
    div.color{
        display: inline-block;
        background: mistyrose;
        border: 2px solid pink;
        width: 200px;
        height: 100px;
        font-size: 70px;

        
    }
    div.color span{
        color :blue;
        margin-left: 8px;
    }
    div#result{
        font:20px bold;
        color:violet;
    }
</style>

<script type="text/javascript">

    var a,b,c;

    
    function change_1(obj){
        var num=Math.floor(Math.random()*3+0);
        obj.innerHTML=num;
        a=num;
        

    }
    function change_2(obj){
        var num=Math.floor(Math.random()*3+0);
        obj.innerHTML=num;
        b=num;
        

    }
    function change_3(obj){
        var num=Math.floor(Math.random()*3+0);
        obj.innerHTML=num;
        c=num;
        return gameResult();
        
    }

    function gameResult(){
           if(a==b && b==c && a==c)
        document.getElementById("result").innerHTML="Success(click here to again)";
      else
        document.getElementById("result").innerHTML="fail(click here to again)";


    }
    function reStart(){

/*여기에 뭐가 들어가야 게임이 다시 시작 될까요....*/

    }

  

    

</script>
<body>
    <div class="color">
        <span onclick="change_1(this)">0</span>
    
        <span onclick="change_2(this)">0</span>

        <span onclick="change_3(this)">0</span>
    </div>
    <div id="result" onclick="reStart()"></div>

</body>
</html>

-----------------------------------------------------------------------------------------------

안녕하세요 관리자님 제가 이런식으로 숫자를 비교해서 결과를 출력하는 방법이 맞는 방법인가요???

그리고 다시 시작 하는 방법을 모르겠습니다.  혼자 고민을 많이 하다가 생각히 도저히 나질 않아 질문드립니다 ...... :(

?
  • ?
    관리자 2018.10.31 09:09
    여러 가지 방법이 있습니다만 현재 올려준 코드를 기준으로 설명합니다.

    function reStart(){

    3개의 <span> 태그에 각각 다른 id 속성을 두고 3 개의 <span> 태그를 찾고 그 객체의 innerHTML 값을 0으로 하면 됩니다.
    아니면 책367(수정판)이나 예제 8-6에 나오는 getElementsByTagName()을 이용하여
    모든 span 객체들을 찾아서 이들의 innerHTML 값을 모두 0으로 초기화하면 됩니다.

    그리고나서 id가 result인 div 객체의 innerHTML을 ""로 설정하여 보이지 않게 하면 됩니다.
    }

    이런 방식으로 코드를 작성해보세요.
    제가 해보니 잘 됩니다.

    사실, 변수 a,b,c에도 문제가 있는데, 일단 해보세요.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18177
362 4장 171쪽 2 chu 2022.04.04 54
361 html5 태그 검사 2 열공이 2022.03.10 94
360 2장 실습문제 1번 질문드립니다! 1 망나뇽 2022.03.06 166
359 안녕하세요 관리자님 실습 문제 짝수본 zip 파일은 제공 되지 않는 건가요? 1 문의 2022.02.25 208
358 r/w는 무슨 뜻인가요? 1 ㅇㅁㅇㅈ 2021.12.22 386
357 웹 워커 13-7 결과 55가 출력되지 않습니다. 1 chg115 2021.12.03 101
356 연습문제의 미디어 파일 1 부산 2021.11.25 132
355 document.getElementBy~ 2 tc0712 2021.11.22 108
354 윈도우 브라우저와 윈도우 탭 2 tc0712 2021.11.22 57
353 5장 내용 중 궁금한 점 있습니다! 1 file 2021.10.15 212
352 5장 5-(2) 질문 있습니다! 1 2021.10.14 116
351 form 태그와 웹서버 1 tc0712 2021.09.29 103
350 HTML5+CSS3+Javascript 웹 프로그래밍[수정판] 4 file Jenny 2021.09.25 514
349 웹서버와 클라이언트 2 tc0712 2021.09.14 95
348 URL 과 IP 주소 2 tc0712 2021.09.14 120
347 태그와 속성 2 tc0712 2021.09.08 72
346 캔버스 관련 질문 1 원그리기 2021.08.22 101
345 웹 사이트 접속 질문 있습니다. 1 초심자 2021.08.21 131
344 질문 있습니다. 2 2021.08.19 134
343 몽구스 웹서버가 작동 안됩니다. 바울 2021.07.22 147
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로