JavaScript简单实现‘前世今生’

前世今生:
输入你的姓名,随机返回给你一个前世姓名。

效果预览:
在这里插入图片描述然后点击确定,弹出:
在这里插入图片描述代码实现:

<script>
        //你的名字
        var yourName = prompt('请输入你的名字:');
        console.log('你的名字:'+yourName);
        console.log(typeof yourName);

        //你的姓
        yourLastName = yourName.substr(0,1);//截取
        console.log('你的姓:'+yourLastName);
        
        //用数组模拟数据库 可以添加其他元素
        var date_base = [
            {
                lastName:'刘',
                firstName:['备','伯温','邦','禹锡']
            },
            {
                lastName:'李',
                firstName:['清照','白','斯','耳']
            },
        ]
        //根据姓在数据库中查找 返回姓所在的对象
        var res1 = date_base.filter(function(item,index,arr){
            if(yourLastName==item.lastName){
                return item;
            }
        });
        // console.log(res1);
        // console.log(res1[0]);

        //姓所在对象的firstName【是一个数组】
        var arr = [];
        arr = res1[0].firstName;
        console.log('前世名人名字所在数组:');
        console.log(arr);
        
        //随机 得到你的前世的名字【是一个元素】 的下标
        var result = Math.floor(Math.random()*arr.length);
        console.log(result);

        //返回弹框
        alert('你的前世是:'+yourLastName+arr[result]);
        console.log('你的前世是:'+yourLastName+arr[result]);

        
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值