Mostrar palabras ocultas que se han eliminado del cuadro de texto

Me gustaría permitir que los usuarios seleccionen palabras determinadas de un banco de palabras y las coloquen en un cuadro de texto, donde serán eliminadas ( hidden ) del banco de palabras. Si el usuario comete un error y quiere recuperar la palabra, puede eliminarla del cuadro de texto que la colocará de nuevo en el banco de palabras.

¿Cómo puede hacerse esto? (Por favor perdone la horrible imagen de pintura ms)

enter image description here

HTML:

 Create sentence:  

Word Bank:

JavaScript:

Verá aquí una parte que dice /*THIS IS THE PORTION I AM HAVING TROUBLE WITH*/ . Estoy tratando de obtener todas las palabras del cuadro de texto … si la palabra está oculta y no existe en el cuadro de texto … agréguela de nuevo al banco de palabras.

 $(document).ready(function() { playerResponse(); $(".bank-word").click(function (event) { //append each newly selected word to $('#textBox').val() $('#textBox').val($('#textBox').val() + " " + $(this).attr('word')); //hide word from word bank $(this).hide(); /*THIS IS THE PORTION I AM HAVING TROUBLE WITH*/ //Get all words from text box //if word is hidden and does not exist in text box... add it back $.each($('#textBox').val().split(/\s+/), function(index, word) { console.log( index + ": " + word); $('li.bank-word').find(':hidden').each(function(index) { log("index : " + index + ", " + $(this).text()); $(this).show(); //reveal word in word bank again after we find that it is hidden AND has been deleted from text box }); }); }); }); var words = { "task1" : { 'Ni' : 'you', 'Wo' : 'I', 'Hao' : 'good', 'Shi' : 'am' } } function bank() { $(".wordBank_Words").empty(); for (obj in words) { for (key in words[obj]) { $(".wordBank_Words").append("
  • " + key + ": " + words[obj][key] + "
  • "); } } } function submitMe() { //will eventually verify input from textbox var value = document.getElementById('test').value; alert(value); }

    EDITAR:

     var array = []; var i = 0; $.each($('#textBox').val().split(/\s+/), function(index, word) { array.push(word); log("ARRAY: " + array[i] + array.length); i++; console.log( index + ": " + word); for (obj in words) { for (key in words[obj]) { //if word doesn't exist in text box, and doesn't exist in word bank, add it if (!isInArray(key, array) && is in wordbank...) { key.show(); //pseudo code } } } }); function isInArray(value, array) { return array.indexOf(value) > -1; }