将姓氏转换为数字，关联并显示图像

Question

我是 JavaScript 的新手，还不具备自己编写此代码的知识。任何帮助都会很棒。

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

我想让用户输入他们的姓氏（在一个字段中），这将被更改为一组单独的 3 个数字。从这些数字中，我希望选择图像，从第一个开始的第一个等等，然后分别垂直显示它们。

欢迎任何意见，我相信有更简单的方法。谢谢你的时间。

编辑：我想将用户输入的姓氏更改为 3 位数字（000-999），然后根据给定的数字显示 3 张图像。如果生成的数字是 015，则显示的第一张图像将是 000.jpg，第二张将是 010.jpg，第三张将是 005.jpg。我希望每次输入名称时都得到相同的结果，如果可能的话，我想实时更新。我希望这有助于解决问题，我仍在努力找出最好的方法。谢谢

Answer 1

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

然后，您可以遍历姓氏的每个字符并求和。最后，您可能希望使用总和的 %（模）来获得小于 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";

将姓氏转换为数字，关联并显示图像

Change last names into numbers, which relate and display images

javascript

random

procedural-generation