Javascript 如何从DOB字段中提取最后四个字母？

我希望生成用户名按钮生成一个用户名，它将是名+用户名+出生年份

我能够连接名字和姓氏，但是我如何只提取（并连接）最后四个字母（实际上是数字）

名字：

姓：

出生日期：（请输入为年月日）

生成用户名

函数用户（）
{
document.getElementById（“用户名”）.innerHTML=document.getElementById（“fname”）.value+document.getElementById（“sname”）.value+document.getElementById（“dob”）.value
}

如果dob从第四个最后一个元素到最后一个元素的长度大于4，则对其进行切片

函数用户（）{
var fName=document.getElementById（“fName”）.value；
var sName=document.getElementById（“sName”）.value；
var dob=document.getElementById（“dob”）.value
如果（目标长度>4）
var dob=dob切片（dob长度-4，dob长度）；
document.getElementById（“用户名”）.innerHTML=fName+sName+dob
}

名字：

姓：

出生日期：（请输入为年月日）

生成用户名

您必须提取完整的字符串，然后可以使用子字符串或其他字符串方法拆分字符串。您可以使用

而不是使用正确的

输入类型的文本将使您的web更加健壮。此外，在使用这些字段之前，还应该进行一些数据验证。当用户只单击按钮而不输入任何内容时，会发生什么情况？
<p>First name:  <input type="text" id="fname" /></p>
<p>Surname: <input type="text" id="sname" /></p>
<p>Date of birth:   <input type="text" id="dob" /> (Please enter as dd/mm/yyyy)</p>
<button onclick="user()">Generate Username</button>
    <p id="username"></p>

    <script>

        function user()
        {
            document.getElementById("username").innerHTML =  document.getElementById("fname").value+document.getElementById("sname").value+document.getElementById("dob").value

        }

    </script>

document.getElementById("dob").value.slice(-4)