用HTML写的整人小游戏（二）之奇怪的打字

柔情只为你懂 2022-07-15 00:43 139阅读 0赞

这是我写出来的一个比较好玩的整人小游戏，给大家分享一下，下面是代码

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                #a{
                    height: 300px;
                    width: 600px;
                    position: absolute;
                    left: 500px;
                    top: 200px;
                    background-color: pink;
                }
                textarea{
                    resize: none;
                }
            </style>
            <script type="text/javascript">
                var b = 0;
                
                function change(){
                        b++;
                        var aa = ("i am a fool man!       ");
                        var c = b%aa.length+1;
                        var    f =document.getElementById("f");
                        f.value="";
                        for(var i = 0;i<c;i++)
                        {
                        
                            f.value += aa[i];
                        }
                    }
            </script>
        </head>
        <body>
            <div id="a">
                <textarea rows="10" cols="70" placeholder="请输入文字：" id="f" oninput="change()"></textarea>
            </div>
        </body>
    </html>

![Center][]

[Center]: /images/20220715/44623c7d8e6940c38357081035be0169.png