• 废话生成器


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
    <h1>废话生成器</h1>
    <div></div>
    <button id="generaterBtn">生成</button>
    <script>
    
    
    let result = '';
    let btn = document.querySelector("#generaterBtn");
    btn.onclick = function(){
        const DicMap = {
            // 二字都动词
            v:['皮实','复盘','赋能'],
            // 二字都名词
            n2:['漏斗','中台','闭环'],
            // 三字都名词
            n3:['新生态','感知度','颗粒度','方法论'],
            // 四字都名词
            n4:['底层逻辑','顶层设计','交付价值','生命周期','价值转化','强化认知','资源倾斜','完善逻辑'],
        }
    
        // 张一鸣模板
        const sentence = '{n4}是{v}{n4},{v}行业{n3}。{n4}是{v}{n2}{n4},通过{n3}和{n3}达到{n3}。{n4}是在{n4}采用{n2}打法达成{n4},{n4}作为{n2}的评判标椎';
        // 简单的洗牌算法
        Object.values(DicMap).forEach(dicItemList => dicItemList.sort(() => Math.random() - 0.5));
        // 然后使用正则定位到占位符,并填充
        result = sentence.replaceAll(/{(w+)}/g,(str,type) => DicMap[type].shift());
        console.log(result);
        document.querySelector("div").innerText = result;
    }
    
    
    </script>
    </body>
    </html>

    效果:

  • 相关阅读:
    【java】详解java多线程
    【java】switch case支持的6种数据类型
    【Java】详解java对象的序列化
    【java】详解I/O流
    【java】自定义异常类
    【java】详解集合
    【NotePade++】NotePade++如何直接编译运行java文件
    【java】JVM的内存区域划分
    Unicode和UTF的关系
    【java】解析java中的数组
  • 原文地址:https://www.cnblogs.com/fqh123/p/14615656.html
Copyright © 2020-2023  润新知