zoukankan      html  css  js  c++  java
  • 废话生成器

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

    效果:

  • 相关阅读:
    Input file 调用相机
    C#读取txt文件
    高并发下获取随机字符串
    将Datatable转换为Json数据
    System.IO.Path 获得文件的后缀名
    用Js写的贪吃蛇游戏
    C#中的事件
    通过一个控制台小Demo--算术题,来展示C#基本的程序结构
    数据库高级应用之游标
    数据库高级应用之事务
  • 原文地址:https://www.cnblogs.com/fqh123/p/14615656.html
Copyright © 2011-2022 走看看