Javascript 输入框格式名称

我试图创建一个页面，其中第二个输入框将某人的名字、中间名和姓氏设置为首字母、中间名和最后一个首字母。例如，如果有人输入“Will Joe Smith”，则输出将是W.Joe S.，并显示在输入框旁边。不过，我完全被这个函数卡住了。以下是我到目前为止的情况：

onja=document.getElementById（“but0”）；
onja.onclick=convertName；
onjb=document.getElementById（“buta”）；
onjb.onclick=fnli；
函数名（）{
var输入=document.getElementById（“名称”）；
var name=input.value；
var spaceIndex=name.indexOf（“”）；
var firstName=name.substring（0，spaceIndex）；
var lastName=name.substring（spaceIndex+1）；
/*lastName=lastName.toUpperCase（）*/
var firstInitial=firstName.charAt（0）；
input.value=lastName+“，”+firstInitial；
var s=“”；
objspan=document.getElementById（“span1”）；
for（var k=0；k

名称转换器
键入您的姓名：



第二个输出在这里

转换为最后一个、第一个



从名称转换为MI。我的名字是菲米莉

第三个输出在这里

您可以输入名称，以便获得每个零件的数组

从那里，您可以通过使用索引（或使用或，如果您愿意的话）获得姓名的第一个字母：

const carl=“carl”
console.log（carl[0]）/“C”
console.log（carl.charAt（0））/“C”
console.log（carl.substring（0，1））/“C”

使用

split（）

函数使用指定的分隔符（如空格）将字符串拆分为数组

onjb=document.getElementById（“buta”）；
onjb.onclick=fnli；
函数fnli（）{
var输入=document.getElementById（“name1”）；
var name=input.value；
var[firstName，middleName，lastName]=name.split（“”）；
st=firstName.substring（0,1）；
stm=中间名；
st1=lastName.substring（0,1）；
stf=st+“+stm+”+st1+”；
spanp=document.getElementById（“span2”）；
spanp.innerHTML=stf；
}

名称转换器
键入您的姓名：

从名称转换为MI。我的名字是菲米莉

第三个输出在这里

使用

split（）

函数将字符串拆分为单词，而不是所有那些

indexOf（）

和

substring（）

调用。

var lastName=name.substring（spaceIndex+4）

4来自哪里？非常感谢！！