편집 기록

프로필 엽토군님의 편집

날짜2019.11.22

자바스크립트 초보자 질문 드립니다.

javascript

html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>invisible recaptcha</title>
    <style>
      .wrapper {
        display: grid;
        grid-template-columns:200px 200px 200px;
        grid-template-rows:200px 200px 200px;
      }
      .wrapper div{
        border:1px solid black;
      }
    </style>
    <script src="./script.js"></script>

  </head>

  <body onload = "showImage()">
    <div class="wrapper">
      <div><label><input type="checkbox" name="check" id="chk0"><label for="chk0"><img id = "introImg0" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk1"><label for="chk1"><img id = "introImg1" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk2"><label for="chk2"><img id = "introImg2" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk3"><label for="chk3"><img id = "introImg3" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk4"><label for="chk4"><img id = "introImg4" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk5"><label for="chk5"><img id = "introImg5" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk6"><label for="chk6"><img id = "introImg6" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk7"><label for="chk7"><img id = "introImg7" border="0" width=180 height=170></label></div>
      <div><label><input type="checkbox" name="check" id="chk8"><label for="chk8"><img id = "introImg8" border="0" width=180 height=170></label></div>
    </div>

    <br>
    <script>
    var cnt = 0; //정답갯수
    var choice = 0; // 내가고른그림 횟수
    var src = new Array();
    var val = new Array();
    var classification = Math.round(Math.random()*4);

    for(var i=0; i<9; i++){
      src[i] = document.getElementById("introImg" + i);//src라는 배열에 정보삽입
      if((src[i].src).indexOf("car") != -1){//[i]번째 이미지가 "car"이면
        val[i] = 0;
      }
      else if ((src[i].src).indexOf("bus") != -1) {//버스
          val[i] = 1;
        }
      else if ((src[i].src).indexOf("cat") != -1) {//고양이
          val[i] = 2;
        }
        else if ((src[i].src).indexOf("ship") != -1) {//배
          val[i] = 3;
        }
        else {            //강아지
          val[i] = 4;
        }
    }

    </script>
    <br><br>
    <button class="btn" id="btn" type="submit" name="btn" onclick="btn_click()">정답확인</button>
  </body>
</html>

나머지는 생략했는데, 콘솔창에서 확인해보면 val[i] 부분에 값이 제대로 안들어갑니다 ㅠ

if 조건문안의 값은 참인데 왜 val[i] = 0; 문장이 무시될까요?

프로필 박현우님의 편집

날짜2019.11.22

자바스크립트 초보자 질문 드립니다.

javascript

html

<!DOCTYPE html> invisible recaptcha .wrapper { display: grid; grid-template-columns:200px 200px 200px; grid-template-rows:200px 200px 200px; } .wrapper div{ border:1px solid black; }

<br>
<script>
var cnt = 0; //정답갯수
var choice = 0; // 내가고른그림 횟수
var src = new Array();
var val = new Array();
var classification = Math.round(Math.random()*4);

for(var i=0; i<9; i++){
  src[i] = document.getElementById("introImg" + i);//src라는 배열에 정보삽입
  if((src[i].src).indexOf("car") != -1){//[i]번째 이미지가 "car"이면
    val[i] = 0;
  }
  else if ((src[i].src).indexOf("bus") != -1) {//버스
      val[i] = 1;
    }
  else if ((src[i].src).indexOf("cat") != -1) {//고양이
      val[i] = 2;
    }
    else if ((src[i].src).indexOf("ship") != -1) {//배
      val[i] = 3;
    }
    else {            //강아지
      val[i] = 4;
    }
}

</script>
<br><br>
<button class="btn" id="btn" type="submit" name="btn" onclick="btn_click()">정답확인</button>

나머지는 생략했는데, 콘솔창에서 확인해보면 val[i] 부분에 값이 제대로 안들어갑니다 ㅠ if 조건문안의 값은 참인데 왜 val[i] = 0; 문장이 무시될까요?