Question

我希望“生成用户名”按钮生成一个用户名，该用户名将为“姓氏+用户名+出生年份”。

我可以同时连接姓氏和姓氏，但是我如何只提取（并串联）最后四个字母（实际上是数字）？

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

Answer 1

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

Answer 2

如果从最后一个元素到最后一个元素的长度> 4，则对dob进行切片

function user() {
   
  var fName = document.getElementById("fname").value;
  var sName = document.getElementById("sname").value;
  var dob =  document.getElementById("dob").value
  if(dob.length > 4 )
  var dob = dob.slice(dob.length - 4, dob.length);
  
  document.getElementById("username").innerHTML =fName+sName+dob

}

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

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

2 个答案: