Javascript/jQuery Добавление игры

Question

Я работаю над математической игрой Javascript и могу использовать некоторые рекомендации. Мне нужно создать 10 проблемную игру, в которой пользователи могут задавать вопросы по одному для простого добавления. Я начал что-то, но у меня уже проблемы. Мне также нужно каким-то образом представить пользователям ответы, которые они получили правильно и неправильно в конце.

Любая помощь доступна? Было бы весьма полезно.

Я включил в ответ, пока я работал над ним, но, очевидно, мне нужно, чтобы пользователь сам отправил ответ и сохранил его.

Here's a fiddle:

$(document).ready(function() { 

    //declare arrays and variables for use below 
    var pNum1 = new Array(); 
    var pNum2 = new Array(); 
    var pNumCarry=0; 
    var pNumAns = new Array(); 
    var ans = new Array(); 
    var score=0; 

    function pNumGen(x) { 
     pNum1[x] = (Math.round(Math.random()*51)); 
     pNum2[x] = (Math.round(Math.random()*51)); 
     pNumAns [x] = pNum1[x] + pNum2[x]; 
     $(".pNum1").html(pNum1[x]); 
     $(".pNum2").html(pNum2[x]); 
     $(".pNumAns").html(pNumAns[x]); 
    } 

    $(".Play").click(function() { 
     pNumTrack = 0; 
     pNumGen(pNumTrack); 
    }); 
}); 

Answer 1

Чтобы получить пользовательский ввод вы можете посмотреть на window.prompt:

Что касается представления пользователей с правыми/неправильными ответами, в конце концов, это очень неспецифическим вопрос и будет зависеть от того, как вы реализуете остальную часть игры. Одна из возможностей может заключаться в использовании array, где вы можете нажимать некоторый текст после каждой догадки, например. «Вопрос №1: 15 + 39 = 105 - Неверный», а затем цикл и печать содержимого массива, когда игра окончена.

Answer 2

ОК. Я только что создал небольшой пример того, как вы можете начать создавать свою игру:

http://jsfiddle.net/ePjGs/1/

$(function() { 
    getQuestion(); 
}); 

var count = 0,  
    results = []; 
function getQuestion() { 
    count++; 
    var container = $('<div />'); 
    var val1 = Math.round(Math.random()*51); 
    var val2 = Math.round(Math.random()*51); 
    var lbl = $('<label />'); 
    lbl.html(val1 + ' + ' + val2 + ' = '); 
    container.append(lbl); 
    var input = $('<input type="text" />'); 
    container.append(input); 
    var btn = $('<input type="button" value="Submit result" />'); 
    var val; 
    btn.click(function() { 

     results.push({ 
      number1 : val1, 
      number2 : val2, 
      answer : input.val() 
     }); 

     input.attr('disabled', true); 
     $(this).attr('disabled', true); 

     $(this).after(function() { 
      if(val1 + val2 == input.val()) return 'SUCCESS!'; 
      return 'ERROR'; 
     }); 

     getQuestion(); 

     updateResults(); 
    }); 
    container.append(btn); 
    $('body').append(container); 
} 

function updateResults() { 
    $('#json').html(JSON.stringify(results)); 
}