javascript - 将姓氏更改为数字，从而关联并显示图像

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";