将姓氏更改为与相关和显示图像的数字

Question

我是JavaScript的新手，我自己也没有这方面的知识。任何帮助都会很棒。

我正在创建伪随机插图生成器，由3个图像组成。他们会被他们的名字选中并展示出来。实时更新将是最好的。

我想让用户输入他们的姓氏（进入一个字段），这个名字将被改成一组3个数字。从那些数字我想要选择的图像，第一个从第一个等，然后分别垂直显示它们。

欢迎任何输入，我相信有一种更简单的方法。谢谢你的时间。

编辑： 我想将用户输入的姓氏更改为3位数字（000-999），然后根据给定的数字显示3张图像。如果编号为015，则显示的第一个图像为000.jpg，第二个为010.jpg，第三个为005.jpg。我每次输入名称时都会得到相同的结果，如果可能，我想实时更新。我希望这有助于澄清事情，我仍然试图找出最好的方法。感谢

Answer 1

您可以使用ASCII表来获取与字母匹配的数字。

然后，您可以迭代姓氏的每个字符并对其求和。 最后，您可能希望使用总和的％（模数）来获得小于1.000的值。

经过测试的代码是：

var lastName = "Connor";
var sum = 0;
for(var i=0; i<lastName.length;i++)
{
   sum += lastName[i].charCodeAt(0);
}

sum = (sum%1000);

在您的情况下，结果将是：623

然后，您可能想要获取文件：600.jpg，020.jpg和003.jpg

var firstPic = (sum + "").split('')[0] + "00.jpg";
var secondPic = "0" + (sum + "").split('')[1] + "0.jpg";
var thirdPic = "00" + (sum + "").split('')[2] + ".jpg";