Javascript Jquery将数据回送并附加到textarea中

Javascript Jquery将数据回送并附加到textarea中,javascript,jquery,html,Javascript,Jquery,Html,我想使用jQuery将键入的文本回显到输入行下方的文本区域,并在重复数据的末尾添加随机预选词。每次输入一个新字母时,我想在3个“重复”中的每一个后面加上一些其他的“随机”单词,有点混乱 Input= "true blue" TextArea = true blue black<br/> true blue car<br/> true blue sock<br/> If the input = "true blues"

我想使用jQuery将键入的文本回显到输入行下方的文本区域,并在重复数据的末尾添加随机预选词。每次输入一个新字母时,我想在3个“重复”中的每一个后面加上一些其他的“随机”单词,有点混乱

Input= "true blue"

TextArea = 
true blue black<br/>
true blue car<br/>
true blue sock<br/>

If the input = "true blues"

TextArea =
true blues snake<br/>
true blues grass<br/>
true blues red<br/>
Input=“真正的蓝色”
text区域=
真蓝黑
真正的蓝色汽车
真蓝袜子
如果输入=“真正的蓝色” 文本区= 真蓝蛇
真蓝草
真正的蓝红色
所有新结果,因为键入了“s”。(或尽可能接近“新的/随机的”)

我将有200个单词组成一个数组,每按一次键,我希望附加的单词发生变化(
onkeyup
?)。如果它们可以随机出现,或者可以从较大的列表/文件中随机选取

表单的输入在文本区域重复3行,并且基本上附加了3个随机单词。Onkeypress回波输入+随机字(x3)。

有趣的挑战

我已经玩了几个小时,想出了一个基本的,不雅的尝试-蛮力

JS


随机数生成器没有那么健壮。我试图将其与ASCII字符代码的总和联系起来,但没有成功(我将继续播放)。

这是一个非常好的开始!对我来说,空格似乎是附加单词的唯一方式,但这比我拥有的更多。我还会摆弄小提琴,看看我能不能让它做更多我想要的事情。随机性对我来说似乎很好,感谢所有这些到目前为止!input=tree | out=%input%pinmock,%input%bar,%input%foo input=trees | out=%input%red,%input%qwerty,%input%car清除每个按键的文本区域,并回显到目前为止累积的输入,然后在总输入中追加一个字。尽管如此,我认为我可以这样做,谢谢!
var spacecount = 0;
var sumcodes = 0;
var wordarray = 0;
var randword = ['gould','horowitz','bach','scarlatti','handel','vivaldi','corelli','albinoni','allegri','pinnock',];
$(function(){
    $(document).keyup(function(e){
        var char1 = String.fromCharCode(e.keyCode);
        $('#keycode').html(e.keyCode);
        $('#charcode').html(char1);
        $('#texthere').append(char1);
        sumcodes = sumcodes + e.keyCode;
        if (e.keyCode == 32)
          {
            spacecount=spacecount + 1;
            $('#spacecount').html(spacecount);
           }
        if (spacecount > 2)
          {
           spacecount = 0;
           wordarr = Math.floor(Math.random() * 10) + 1
           $('#texthere').append(randword[wordarr] + ' ');
           $('#sumcodes').html(sumcodes);
           sumcodes = 0;
           }
    });
});