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

最新推荐文章于 2021-07-17 17:03:37 发布

自由的小白

最新推荐文章于 2021-07-17 17:03:37 发布

阅读量4.9k

点赞数 7

分类专栏： IT 文章标签： HTML css javascript 整人游戏

本文链接：https://blog.csdn.net/zzzzlei123123123/article/details/52943433

版权

IT 专栏收录该内容

16 篇文章 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>