筑坐极_利用随机数原理生成昵称

随机数生成昵称

(1)创建一个变量存储一个比较长的字符串

代码:

let str = "枯心易凉忘不掉的孤独情起缘落夢已醒心已傷" +
    "这悲伤染指了那流年发了疯的思念灰色年华缘分淡了" +
    "情愿一厢情愿不可碰触的伤给洎巳①個微笑我有多糟糕，" +
    "离别叶落丹枫鸩远一方迹踪缥缈.路人何必太多情垂泪" +
    "话凄凉你在远离我你再没有回来一座空城的记忆2020最" +
    "潮伤感网名 2020最火的伤感昵称残箫人逝花落空枕边故" +
    "事愿时光待我如初敷衍成性托着灵魂漫步孤单的像条狗唯" +
    "安走丢了的幸福久了就旧酒精麻痹神经不过一个人旧巷旧" +
    "人回忆里没有你欢喜陈词滥调云淡风轻追忆似水年华放不" +
    "开的痛烈酒青衣入骨相思时间、将终结所有雾已泪聚爱人" +
    "别走烟酒释情尘事太揪人心孤绝如初见甘心入戏请别靠近" +
    "我曾经已是曾经";

(2)写一个方法用来封装任意范围随机数生成的算法(核心代码):

代码:

function randomScope(min,max){
    return parseInt((Math.random()*(max-min+1))+min);
}

(3)编写生成4-6个字符串长度的昵称方法

代码:

function nickName(){
    let nickName = "";
    for (let i = 0; i < randomScope(4,6); i++) {

        nickName = nickName + str[parseInt(Math.random()*str.length)];
    }
   
    $("#nk").val(nickName);
}

(4)完整代码案例

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.5.1.min.css">
    <script type="text/javascript" src="js/jquery.3.6.0.js"></script>
</head>
<body>
<div class="container">


    <div class="row justify-content-center mt-4">
        <div class="col-xl-4"></div>
        <div class="col-xl-4">

            <div class="row">

                <div class="col-xl-8">
                    <input type="text" id="nk" class="form-control">
                </div>
                <div class="col-xl-4">
                    <button type="button" class="btn btn-primary" onclick="/*getNickName()*/nickName()">切换昵称</button>
                </div>

            </div>

        </div>
        <div class="col-xl-4"></div>
    </div>


</div>
</body>
<script>
 let str = "枯心易凉忘不掉的孤独情起缘落夢已醒心已傷" +
        "这悲伤染指了那流年发了疯的思念灰色年华缘分淡了" +
        "情愿一厢情愿不可碰触的伤给洎巳①個微笑我有多糟糕，" +
        "离别叶落丹枫鸩远一方迹踪缥缈.路人何必太多情垂泪" +
        "话凄凉你在远离我你再没有回来一座空城的记忆2020最" +
        "潮伤感网名 2020最火的伤感昵称残箫人逝花落空枕边故" +
        "事愿时光待我如初敷衍成性托着灵魂漫步孤单的像条狗唯" +
        "安走丢了的幸福久了就旧酒精麻痹神经不过一个人旧巷旧" +
        "人回忆里没有你欢喜陈词滥调云淡风轻追忆似水年华放不" +
        "开的痛烈酒青衣入骨相思时间、将终结所有雾已泪聚爱人" +
        "别走烟酒释情尘事太揪人心孤绝如初见甘心入戏请别靠近" +
        "我曾经已是曾经";

 function nickName(){
        let nickName = "";
 for (let i = 0; i < randomScope(4,6); i++) {

            nickName = nickName + str[parseInt(Math.random()*str.length)];
 }
        //$("#nk").val(nickName());如果这样写就是递归了
 $("#nk").val(nickName);
 }
    function randomScope(min,max){
        return parseInt((Math.random()*(max-min+1))+min);
 }

</script>
</html>

(5)效果展示:

利用随机数原理生成昵称

利用随机数原理生成昵称

徐**

js,Jquery,bootStrp

创建一个比较长的字符串，利用随机数原理生成长度4-6的长度的昵称

2021.09.05

963人

徐**

安徽省巢湖地区巢湖市

Hot:3427

徐**

当前作品暂无评分

还未获得评语哦~