자바 스크립트 퀴즈 배열 및 fadeIn/fadeOut

Question

그래서 저는 주로 자바 스크립트로 간단하고 쉬운 퀴즈를 만들었습니다. 주로 질문과 답변이 모두 포함 된 배열 (현재 숫자 만)이 있습니다.

['How many moons does Earth have?', 1], 
['How many moons does the saturn have?', 31], 
['How many moons does venus have?',0] 

나는 또한 답이 맞으면 점수에 추가하는 기능을 가지고 있습니다.

function asQuestion(question) { 
var answer = prompt(question[0], ''); 
if (answer == question[1]) { 

    score++; 
} 

현재로서는 프롬프트가 있습니다. 약간의 끈적하고 오히려 원하는 것은 아닙니다. 내가 뭘 찾고 있는데, 어떻게 여러 질문에 답변을 저장할 수 있습니까? 프롬프트를 사용하는 대신 <p>, literal 또는 양식을 사용하여 이러한 질문을 작성하고 버튼을 누르고 fadeOut 응답 한 질문을하고 새 질문을 제공 할 수 있습니까?

(예 : 질문 1 :.. Radio1 (

그냥 몇 가지 조언을 찾고 핀란드) Radio2의 국회 의사당이 (가장 큰 바다는 무엇인가) 나는 라디오 1 확인하고 '다음 질문'히트 무엇입니까, 도움말 및 지침을 통해 Javascript 및 jQuery에 대한 새로운 지식을 얻었습니다. 내가 얻을 수있는 모든 도움을 주셔서 감사합니다. =)

Answer 1

질문이 너무 많아서 스택 오버플로가 발생하지만 몇 가지 지침이 있습니다.

예, 모두 가능합니다. 다음과 같이 간단하게 시작할 수 있습니다.

['How many moons does Earth have?', 1, 0, 2, 3] 

첫 번째 대답이 정확하고 프레젠테이션을 위해 섞은 것으로 시작하면됩니다.

각 답변에 대해 별도의 버튼을 만들 수도 있습니다 (중복 클릭을 제거하여 UX 개선)하지만이 경우 실수로 인한 클릭에주의하십시오. 그것은 당신에게 달려 있습니다. 여기

---

내가 당신을 위해 만든 슈퍼 간단한 퀴즈입니다 : http://jsfiddle.net/rTv97/ 물론, 그것을 개선 할 수있는 방법의 수백만이있다. 그러나 그것은 당신을 시작해야합니다.

주 내가 사용하는 시스템 :

['How many moons does the saturn have?', 1, 31, 35, 29, 48] 
      \  /    ^ \  /
       text     correct answers 

그것은 간다 : 질문 텍스트, 정답 지수 (하나 기반), 대답. 여기서 1 번은 4 개의 대답 (31, 35, 29, 48) 중 첫 번째가 정확한 것을 의미합니다.