Tarun Rathore Ответов: 0

Как сохранить текст ли после переназначения ли, применяя метод сортировки ?

https://codepen.io/Tarun1980/pen/PvvWWV[^]
Я не могу вставить файл js.ui в codepen, но когда вы добавите его, функция перетаскивания начнет работать.
Есть список беспорядочных слов. Они должны быть переупорядочены путем перетаскивания, чтобы составить осмысленное предложение. Для этого я применил сортируемую функцию jQuery. Проблема в том, что после переупорядочения слов, лучше сказать списков, я не могу сохранить переупорядоченный текст в переменной, которая требуется для проверки того, соответствуют ли переупорядоченные слова правильному ответу или нет, чтобы я мог дать баллы или баллы. 

$(document).ready(function () {
    var words = [
        {
            question: ['can', 'you', 'How', 'I', 'help', '?'],
            answer: 'How can I help you ?'

       },

        {
            question: ['look', 'not', 'do', 'happy', 'You', '.'],
            answer: 'You do not look happy today .'

       },

        {
            question: ['There', 'temple', 'is', 'near', 'a', 'house', 'my', '.'],
            answer: 'There is a temple near my house .'

       },

        {
            question: ['you', 'do', 'What', 'me', 'from', 'want', '?'],
            answer: 'What do you want from me ?'

       },

        {
            question: ['America', 'I', 'am', 'to', 'going', 'month', 'next', '.'],
            answer: 'I am going to America next month .'

       },

       ];


    var i = 0;
    function showWords() {
        $('#container').append("<ul id='list'></ul>");
        for (var j = 0; j < words[i].question.length; j++) {
            $('#list').append("<li class='box' id=" + words[i].question[j] + ">" + words[i].question[j] + " " + "</li>");
        }

        $('#list').sortable({
            placeholder: 'back',
            axis: 'x',
            opacity: '0.7'
        });
    }
    showWords();


    $('body').on('click', '#btn', function () {
        $('#list').remove();
        if (i < words.length); {
            i++;
            showWords();
        }
    });

});


Что я уже пробовал:

$(document).on("click", "#btn", checkAnswer);

  // Checking Answers
  var n = 0;
  var score = 0;
  function checkAnswer() {
      var guess = $('.box').text();
      var correct = words[n].answer;
      if (n <= words.length) {
          n += 1;
      }
      if (guess === correct) {
          score += 1;
      }
      if (score <= words.length) {
          document.getElementById("score").innerHTML = z;
          z = score;
      }
  }
  checkAnswer();

0 Ответов