테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 퀴즈 만들기 완전 초짜 질문 채택완료

brian80 6년 전 조회 5,248

<div>
 <script type="text/javascript">
  function myFucntion() {
   if(form1.DR1[2].checked==true) document.getElementById("check").innerHTML="정답";
   else document.getElementById("check").innerHTML="오답";
  }
 </script>
<p>1. STOP 표지판 또는 신호등이 없는 교차로에 다다른 경우에는 어떻게 해야하는가?</p>
 <form name="form1">
  <input type="radio" name="DR1" value="a1">다른 모든 차량에게 통행우선권을 양보한다<br>
  <input type="radio" name="DR1" value="a2">교차로에 진입하기 전에는 항상 멈춘다<br>
  <input type="radio" name="DR1" value="a3">필요한 경우 속도를 줄이고 정지할 준비를 한다<br>
  <p>
  <input type="button" name="선택" value="정답확인" onclick="myFucntion()">
 </form>
 <p id="check"></p>
<p>

 </div>
 
 <div style="margin-top:40px;">
  <script type="text/javascript">
  function myFucntion() {
   if(form2.DR1[2].checked==true) document.getElementById("check2").innerHTML="정답";
   else document.getElementById("check2").innerHTML="오답";
  }
 </script>
<p>2. STOP 표지판 또는 신호등이 없는 교차로에 다다른 경우에는 어떻게 해야하는가?</p>
 <form name="form2">
  <input type="radio" name="DR2" value="b1">다른 모든 차량에게 통행우선권을 양보한다<br>
  <input type="radio" name="DR2" value="b2">교차로에 진입하기 전에는 항상 멈춘다<br>
  <input type="radio" name="DR2" value="b3">필요한 경우 속도를 줄이고 정지할 준비를 한다<br>
  <p>
  <input type="button" name="선택" value="정답확인" onclick="myFucntion()">
 </form>
 <p id="check2"></p>
<p>
 
 </div>

 

안녕하세요 제가 완전 초짜인데요 자바스크립트 코드를 인터넷에서 따와서 이렇게 퀴즈를 만들려고하는데 질문 하나는 실행이 되는데 위에처럼 붙여가면 실행이 안되네요. 고수님들 도움 부탁드립니다. 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
6년 전

</p>

<p><div>

<script>

var answer = [, 1, 2]; 

function myFucntion(obj) {

    var i = obj.name.replace(/\D/g, ''), check = 'check' + i;

   document.getElementById(check).innerText= obj.DR[answer[i]].checked ? "정답" : "오답";

}

</script>

<p>1. STOP 표지판 또는 신호등이 없는 교차로에 다다른 경우에는 어떻게 해야하는가?</p>

 <form name="form1">

  <input type="radio" name="DR" value="a1">다른 모든 차량에게 통행우선권을 양보한다


  <input type="radio" name="DR" value="a2">교차로에 진입하기 전에는 항상 멈춘다


  <input type="radio" name="DR" value="a3">필요한 경우 속도를 줄이고 정지할 준비를 한다


  <p>

  <input type="button" name="선택" value="정답확인" onclick="myFucntion(this.form)">

 </form>

 <p id="check1"></p>

<p></p>

<p> </div>

 

 <div style="margin-top:40px;"></p>

<p><p>2. STOP 표지판 또는 신호등이 없는 교차로에 다다른 경우에는 어떻게 해야하는가?</p>

 <form name="form2">

  <input type="radio" name="DR" value="b1">다른 모든 차량에게 통행우선권을 양보한다


  <input type="radio" name="DR" value="b2">교차로에 진입하기 전에는 항상 멈춘다


  <input type="radio" name="DR" value="b3">필요한 경우 속도를 줄이고 정지할 준비를 한다


  <p>

  <input type="button" name="선택" value="정답확인" onclick="myFucntion(this.form)">

 </form>

 <p id="check2"></p>

<p>

 

 </div></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
6년 전
가끔 이런 생각을 합니다.
슈와이 님은 그누보드에서 만든 인공지능 로봇이 아닐까...하는....ㅎ

댓글을 작성하려면 로그인이 필요합니다.

너무너무 감사드립니다!

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

유찬아빠

myFucntion() -- 이것도 각각의 문항마다 다르게 해줘야 하지 않을까요?

 

예) myFucntion1 ,,,myFucntion2 이런식으로요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인