묻고답하기

  2. Support
  3. 묻고답하기

고수분들께...혹시 랜덤으로 문제들이 나오게금 가능할까요?

2019.06.01 01:37

jhc****06a74

도와 주세요.

밑의 내용에서 문제들(question) 1,2,3 이 있는데 순서대로 나옵니다.

그런데 혹시 랜덤(random)으로 나오게금 가능할까요?

어느 부분을 수정하면 될까요?

감사합니다.

밑의 사이트에서 가져왔습니다.

https://github.com/furkantasel/html-word-game

 

<html>

<head>

<script src="jquery.min.js"></script>

 

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="bootstrap.min.css">

 

<!-- Optional theme -->

<link rel="stylesheet" href="bootstrap-theme.min.css">

 

<!-- Latest compiled and minified JavaScript -->

<script src="bootstrap.min.js"></script>

 

<script type="text/javascript">

 

var currentQuestion = 0;

var currentLetter = 0;

var currentScore = 0;

var currentQuestionScore =0;

var openedLetterIndices = [];

var openedLetters = [];

 

var question_set = [ {question_number:1, question:"Star of the EARTH?", answer:"SUN", letters:3}, 

  {question_number:2, question:"Occupation", answer:"JOB", letters:3},

  {question_number:3, question:"Gossip", answer:"GRAPEWINE", letters:9},

];

$(document).ready( function()

 

{

 

$("#mainDiv").hide();

$("#letterDiv").hide();

$("#guessDiv").hide();

$("#goDiv").hide();

$("#scoreDiv").hide();

 

$("#goBtn").click(function(){nextWithAnswer($("#guess").val())});

});

 

function start()

{

$("#startDiv").hide();

$("#mainDiv").show();

$("#letterDiv").show();

$("#guessDiv").show();

$("#goDiv").show();

$("#scoreDiv").show();

 

currentQuestionScore = question_set[currentQuestion].letters*100;

$("#questionScore").html(currentQuestionScore); 

$("#score").html(currentScore); 

$("#question").html("<h1>"+question_set[currentQuestion].question+"</h1>");

//$("#goDiv").html("<span class='btn btn-success btn-md' id='goBtn' onclick='nextWithAnswer("+$("#guess").text()+")'>GO!</span>");

var buttons ="";

for (var i = 0; i < question_set[currentQuestion].letters; i++) {

buttons= buttons + "<span class='btn btn-primary btn-lg'>-</span>";

};

$("#letters").html(buttons);

 

}

 

function giveLetter()

{

if(currentQuestionScore>0){

currentQuestionScore = currentQuestionScore - 100;

$("#questionScore").html(currentQuestionScore); 

 

var flag = true;

var indexToBeOpened;

while(flag)

{

indexToBeOpened = Math.floor(Math.random()*question_set[currentQuestion].letters);

flag = $.inArray(indexToBeOpened,openedLetterIndices)>=0;

}

 

openedLetters.push(question_set[currentQuestion].answer.substring(indexToBeOpened,indexToBeOpened+1));

openedLetterIndices.push(indexToBeOpened);

var buttons = "";

for (var i = 0; i < question_set[currentQuestion].letters; i++) {

if($.inArray(i,openedLetterIndices)>=0)

{

buttons= buttons + "<span class='btn btn-primary btn-lg'>"+question_set[currentQuestion].answer.substring(i,i+1)+"</span>";

}else

{

buttons= buttons + "<span class='btn btn-primary btn-lg'>-</span>";

}

};

$("#letters").html(buttons);

 

if(openedLetterIndices.length == question_set[currentQuestion].letters)

{

$("#next").html("<span class='btn btn-warning btn-lg' onclick='next()'>Next</span>"); 

}

}

}

 

function next()

{

if(currentQuestion!= question_set.length-1)

{

$("#next").html("");

currentQuestion+=1;

currentScore+= currentQuestionScore;

currentQuestionScore = question_set[currentQuestion].letters*100;

 

currentLetter = 0;

openedLetterIndices = [];

openedLetters = [];

 

$("#questionScore").html(currentQuestionScore); 

$("#score").html(currentScore); 

$("#question").html("<h1>"+question_set[currentQuestion].question+"</h1>");

 

var buttons ="";

for (var i = 0; i < question_set[currentQuestion].letters; i++) {

buttons= buttons + "<span class='btn btn-primary btn-lg'>-</span>";

};

$("#letters").html(buttons);

}else

{

finale("");

}

}

 

function nextWithAnswer (answer) {

 

if(currentQuestion!= question_set.length-1)

{

if (answer.toLowerCase() === question_set[currentQuestion].answer.toLowerCase())

{

alert('Correct!');

currentQuestion+=1;

currentScore+= currentQuestionScore;

currentQuestionScore = question_set[currentQuestion].letters*100;

 

currentLetter = 0;

openedLetterIndices = [];

openedLetters = [];

 

$("#questionScore").html(currentQuestionScore); 

$("#score").html(currentScore); 

$("#question").html("<h1>"+question_set[currentQuestion].question+"</h1>");

 

var buttons ="";

for (var i = 0; i < question_set[currentQuestion].letters; i++) {

buttons= buttons + "<span class='btn btn-primary btn-lg'>-</span>";

};

$("#letters").html(buttons);

}else

{

alert('False!');

currentQuestion+=1;

currentScore-= currentQuestionScore;

currentQuestionScore = question_set[currentQuestion].letters*100;

 

currentLetter = 0;

openedLetterIndices = [];

openedLetters = [];

 

$("#questionScore").html(currentQuestionScore); 

$("#score").html(currentScore); 

$("#question").html("<h1>"+question_set[currentQuestion].question+"</h1>");

 

var buttons ="";

for (var i = 0; i < question_set[currentQuestion].letters; i++) {

buttons= buttons + "<span class='btn btn-primary btn-lg'>-</span>";

};

$("#letters").html(buttons);

}

}else

{

finale(answer);

}

 

}

 

function finale(answer)

{

$("#mainDiv").hide();

$("#letterDiv").hide();

$("#guessDiv").hide();

$("#goDiv").hide();

$("#scoreDiv").hide();

$("#startDiv").show();

 

if (answer.toLowerCase() === question_set[currentQuestion].answer.toLowerCase())

{

$("#startDiv").html("<div class='text-center'><h1>Your final score is "+(currentQuestionScore + currentScore)+"</h1><span class='btn btn-success btn-lg' onclick='location.reload()'>Replay</span></div>");

}else

{

$("#startDiv").html("<div class='text-center'><h1>Your final score is "+(currentScore-currentQuestionScore )+"</h1><span class='btn btn-success btn-lg' onclick='location.reload()'>Replay</span></div>");

}

 

}

 

 

</script>

</head>

<body>

<div class='row'>

<div class='jumbotron' id='startDiv'>

<div class='text-center'>

<h1>Push the button to START!</h1>

<span class='btn btn-success btn-lg' onclick='start()'>GO!</span>

</div>

</div>

</div>

<div class='row'>

<div class='jumbotron' id='mainDiv'>

<div class='text-center'>

<p>Question Score = <span id='questionScore'></span></p>

<span id='question'></span>

<span id='letters'></span><br><br>

<span id='next'></span>

  </div>

</div>

</div>

<div class='row'>

  <div class='col-md-2 col-md-offset-1' id='letterDiv'>

  <span class='btn btn-danger btn-md' onclick="giveLetter()">Give me a letter</span>

  </div>

  <div class='col-md-4' id='guessDiv'>

  <div class='input-group' >

  <span class='input-group-addon' >My guess is: </span>

  <input type='text' class='form-control' placeholder='Guess' id='guess'>

</div>

  </div>

  <div class='col-md-2' id='goDiv'>

  <span class='btn btn-success btn-md' id="goBtn">GO!</span>

  </div>

  <div class='col-md-3' id='scoreDiv'>

  Score: <span id='score'></span>

  </div>

</div>

</body>

</html>

 

 

 

이 게시물을
Profile
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
아서케이 배너클릭시 클릭율보는방법 질문드립니다 [3] 2019.06.12 by sejin7940
JNSIDE 안녕하세요. 가장 기본중에 기본인데 궁금해서 글을 남겨 봅니다 [3] file 2019.06.12 by 제이와이엔소프트
Enki sejin님꺼보고 simple스트랩 적용했는데 [3] 2019.06.13 by Enki
처음부터끝까지 xe 에서 주소를 폴더 형식으로 할수 있을까요? [2] 2019.06.15 by 처음부터끝까지
인천한량 php7.2 대응오류 혹은 권한 수정후 글작성시 첨부파일 이미지에 웹링크 오류 [3] file 2019.06.16 by 인천한량
pjk**** xe 1.9.8 에서 업데이트 후 에디터 컴포넌트 동작문제  
익명1230 xe 업데이트 후 확장 컴포넌트 이용에 문제가 생겼습니다 [3] file 2019.06.17 by mss
v**** 설치폴더 변경시 기존 게시판의 이미지 엑박 문제 [1] 2019.06.17 by sejin7940
알크 이메일 주소로 계정 찾기 하면 메일이 와야 하는데 안옵니다. [2] 2019.06.17 by 알크
문훈 무통장입금 관련 모듈... [3] 2019.06.18 by 제이와이엔소프트
infight**** 쇼핑몰이 아닌 xe 사이트와 결제모듈 연동 문의 [4] 2019.06.18 by infight****
홈런볼11 확장 변수 값 출력 [2] 2019.06.18 by 홈런볼11
부자철 현재 홈페이지 메인부분을 고치고있습니다... [1] file 2019.06.18 by 부자철
CosignStudio 게시판 이미지 파일 첨부문제 [6] 2019.06.18 by 축복된삶
유샤인 최근 버젼 에서 올린 글 등록후에 "서버에 요청 중입니다 잠시만 기다리세요"가 않뜨며 올린 글이 등록이 되었는 데도 화면은 여전 에디터에 남아있는 게 문제네요. [10] 2019.06.18 by 인천한량
plusnet21 디스크오류 치료후 관리자페이지 접속이 안됩니다.  
카네모치 포스팅 밑에 공란 질문...  
Enki 파일 첨부 후 자동으로 추가되는 코드 삭제 [1] 2019.06.20 by 봄비
여휴우 include 방법 좀 알려주세요. [4] 2019.06.21 by kissing4****
일과여행 이미지 프로세스 리사이징 기능이 안 됩니다. 도와주세요. [3] file 2019.06.21 by mss
AimJin www를 넣지 않으면 접속이 안됩니다. [1] 2019.06.23 by sejin7940
Enki 이미지 첨부시 이 코드가 강제로 입력되네요 [1] 2019.06.23 by sejin7940
나바뻐 모바일컨텐츠 위젯 질문드립니다 [1] file 2019.06.23 by sejin7940
봄비 robots.txt인데 어떤 설정인가요? [3] 2019.06.24 by SimpleCode
쮸야282 도메인을 바꾸면 db.config.php 수정하고... [3] 2019.06.25 by 디스케이션
부자철 게시판 옆 아이콘이미지(?)추가 방법 질문 [2] file 2019.06.26 by 부자철
나답게 레이어팝업 애드온 2개이상 팝업 띄울순 없나요? [1] 2019.06.27 by SimpleCode
카오스 안녕하세요. 모바일 레이아웃 관련 문의드립니다. [2] file 2019.06.28 by 카오스
나답게 somgthing 모듈 설치하고 쉬운설치가 이상해졌어요.  
핑크베이비 메인화면 백지화 현상 문의 합니다. [3] 2019.06.28 by sejin7940
태그 쓰기