评论时生成随机昵称

2021年08月31日59

今天在逛别人博客的时候,看到一个随机昵称的功能,看上去挺有意思。

评论要求填入昵称时,如没有昵称或不想填时,可以点击随机生成一个昵称。

我用蹩脚的 js 写了一段类似的功能,仅供参考。

添加一个 button:

<button class="btn">点击</button>

然后加入下面的 js 即可:

<script>
var btn = document.getElementsByClassName("btn").item(0);
var firstname=["陈","西门","沈","张","上官","司徒","欧阳","泰皇"];
var nametwo=["巨人","锐龙","翠花","小小","撒撒","熊大","狗蛋","熊二"];
btn.onclick =function(){
    var xing = firstname[Math.floor(Math.random() * (firstname.length))];
    var ming = nametwo[Math.floor(Math.random() * (nametwo.length))];
    document.getElementById("author").value=xing+ming;  //昵称 input id 需自行修改
};
</script>

搞定后,点击按钮即可在昵称输入框处随机生成一个昵称。

如觉得词组太少,可以自行修改,也可再添加一组等等。

好了,一个简单的随机昵称就好了,然并卵,hah~

Javascript0 

评论时生成随机昵称 - Jdeal | Life is like a Design.