jquery-javascript-美术学校项目

我是一个美术学校的（法国）学生，我在这个项目中做了一个关于记忆的项目，计算机需要忘记你写的文本

我知道html和css，但我刚刚开始使用javascript

我需要改变或删除随机一些字母（或一些单词）在一个文本区域；就像你正常写文本一样，当你写了5行文本时，第一行开始改变：一些字母改变（A变成F或M）或者一些被删除……而文本没有任何意义。但编剧们看不到变化，必须非常谨慎（缓慢地改变透明度或类似的东西）

---

谢谢你的帮助

欢迎来到SO！你的项目听起来很有趣。因此，我们要求您的问题要具体。你收到了几张反对票，因为你的问题是开放式的。所以为了帮助你开始，我会给你这些想法

不能在文本区域中运行动画效果。您当然可以更改内容，但在用户键入时这样做可能不会很好地工作

这就是说，也许用户可以键入文本区域，但实际内容会被复制到其他地方的div中

动画效果需要在元素上发生。要淡出单个字母，您必须将它们包装成一个跨度

这实际上相当复杂，所以试着一点一点地问你的问题。从你的主要问题开始，然后写一小段关于你想要完成的事情

这里有一些基础知识，希望能帮助你开始

按键：
淡出并更改字母

$（'input'）.keyup（函数（e）{
//在javascript中，返回的键码与实际的键码相反
//字母按下。所以要使用所有语言
//我改为监视keyup。但这意味着你必须清除文本区域
//用户类型
//显示按下的键的键代码
$（'#keycode'）.html（e.keycode）；
//将键入的字母追加到content div
//是否需要处理删除/剪切和粘贴？
$（'#content'）.append（'+$（this.val（）+''）；
//清除文本框
$（this.val（“”）；
});
$（“按钮”）。单击（函数（）{
//查找content div中有多少跨距
var spanCount=$（“#内容span'）。长度；
//获取随机字母的索引
var randomNum=randomFromTo（0，spanCount）；
//创建一个随机字母
$（'#content span'）.eq（randomNum）.fadeOut（1000，function（）{
//这是对淡出动画的回调
//更改字母值
$（this.html（randomLetter（））；
//淡入
美元（本）.fadeIn（1000）；
});
});
//在之间生成随机数
函数随机FromTo（from，to）{
返回Math.floor（Math.random（）*（to-from+1）+from）；
}
函数随机字母（）{
var字母='ABCDEFGHIjklmnopqrstuvxyz'；
返回字母[Math.floor（Math.random（）*letters.length）]；
}

很抱歉让您失望，但此网站不是这样工作的。我们很乐意为您提供帮助，但有一些具体的问题，请在书店中查找有关Javascript的书籍，其中讨论了如何更改dom或页面外观。然后开始编写你的软件。当你有一个具体的问题，请在这里问我们。

<div id="content">&nbsp;</div><br />
<input type="text" /><br />
Key Pressed: <div id="keycode"></div>
<button>Fade out and change a letter</button>

$('input').keyup(function(e) {
    //in javascript you are returned a keycode as opposed to the actual 
    //letter pressed. So to work with all languages
    //I monitor keyup instead. But this means you have to clear the textarea as 
    //the user types    
    //show the keycode of the pressed key
    $('#keycode').html(e.keyCode);

    //append the typed letter to the content div
    //do you need to handle delete / cut and paste?
    $('#content').append('<span>' + $(this).val() + '</span>');

    //clear textbox
    $(this).val('');
});

$('button').click(function() {
    //find how many spans are in the content div
    var spanCount = $('#content span').length;
    //get the index of a random letter
    var randomNum = randomFromTo(0, spanCount);
    //create a random letter
    $('#content span').eq(randomNum).fadeOut(1000, function() {
        //this is a callback to the fade out animation
        //change the letters value
        $(this).html(randomLetter());
        //fade back in
        $(this).fadeIn(1000);
    });
});

//generate random number between 
function randomFromTo(from, to) {
    return Math.floor(Math.random() * (to - from + 1) + from);
}

function randomLetter() {
    var letters = 'abcdefghijklmnopqrstuvwxyz';
    return letters [Math.floor(Math.random()*letters .length)];
}