Javascript 如何从文本框的输入生成div中的一系列图像

我正在努力找到解决目前问题的好办法，我正在努力提高我对javascript atm的理解

我的问题是试图生成一系列的图像，这些图像直接由用户输入到文本框中的内容生成

例如，如果我在文本框中输入“Hello”，我想在显示的div中生成5个图像，这是如何用手指拼写“Hello”的特殊方式，但需要知道如何分离每个字符并生成与每个字符直接相关的图像

然后，它将被制作成包含5个单独图像的div，并放在一起显示

谢谢你的帮助

只需连接一个，然后您就可以使用遍历字符串中的每个字符，然后调用添加到您的

”；
});
});

如果您希望在他们键入时发生这种情况，您可以使用

.keyup（）

简单地连接一个，然后您可以使用遍历字符串中的每个字符，然后调用添加到

”；
});
});

如果您希望在他们键入时发生这种情况，您可以使用

.keyup（）

这里有一把小提琴：

代码如下：

$("#spell").change(function(){
    var $o = $("#output").empty();
    $.each($(this).val(), function(i, c){
        $o.append("<img src='http://dummyimage.com/50x50/000/fff&text=" + c + "'/>");
    });
});

$（“#img”）.keyup（函数（）{
var chars=this.value.split（“”）；
var rez=$（“#rez”）.html（“”）；
$。每个（字符、函数（索引、项）{
var img=$（'这是一把小提琴：

代码如下：

$("#spell").change(function(){
    var $o = $("#output").empty();
    $.each($(this).val(), function(i, c){
        $o.append("<img src='http://dummyimage.com/50x50/000/fff&text=" + c + "'/>");
    });
});

$（“#img”）.keyup（函数（）{
var chars=this.value.split（“”）；
var rez=$（“#rez”）.html（“”）；
$。每个（字符、函数（索引、项）{
var img=$（“您知道如何替换另一个图像的dummyimage占位符，我不想要文本的图像版本，我想要“A”字符代表英国手语图像？您只需要替换
src=”http://dummyimage.com/50x50/000/fff&text=“+c+”“
使用
src='Someurltotheimage'
，例如，如果你的图像是
a.jpg
英国手语
a
，你只需要执行
src='/yourfolder/images/“+c+”。jpg'
它能与“/images/“+c+”一起工作吗.png'因为它根本没有产生结果，我的图像在文件中，但到目前为止没有运气，我想知道如何判断是什么阻止了结果www.chriskeeley.net/MP/-从那里你可以单击学习按钮，然后进入底部-解释我做错的原因，以便从这个错误中学习-thank@Chris，试试这个，需要调用
.toUpperCase（）
在每个
c
上，这样它就可以正确地插入您的图像。您知道如何将dummyimage占位符替换为另一个图像，我不希望文本的图像版本，我希望“A”字符代表英国手语图像？您需要做的就是替换
src=http://dummyimage.com/50x50/000/fff&text=“+c+”“
使用
src='Someurltotheimage'
，例如，如果你的图像是
a.jpg
英国手语
a
，你只需要执行
src='/yourfolder/images/“+c+”。jpg'
它能与“/images/“+c+”一起工作吗.png'因为它根本没有产生结果，我的图像在文件中，但到目前为止没有运气，我想知道如何判断是什么阻止了结果www.chriskeeley.net/MP/-从那里你可以单击学习按钮，然后进入底部-解释我做错的原因，以便从这个错误中学习-thank@Chris，试试这个，需要在每个
c
上调用
.toUpperCase（）
，这样它就可以正确地提取图像。