집 >웹 프론트엔드 >JS 튜토리얼 >js는 컬러 다이아몬드 인쇄를 구현합니다(코드).

js는 컬러 다이아몬드 인쇄를 구현합니다(코드).

不言원래의: 2018-08-16 10:51:422042검색

이 글의 내용은 js를 사용하여 컬러 다이아몬드(코드)를 인쇄하는 방법에 대한 것입니다. 참고할 만한 가치가 있으므로 도움이 필요한 친구들에게 도움이 되길 바랍니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>weirdo</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .lx {
            text-align: center;
            letter-spacing: 5px;
            margin: 20px;
        }
    </style>
</head>
<body>
<div>
    <script>
        function cl() {
            var c = '0123456789abcdef';
            var cc = '#';
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            cc += c.charAt(Math.round(Math.random() * (c.length - 1)));
            return cc;
        }

        function ling(num) {
            for (var i = 1; i <= num; i += 2) {
                document.write(&#39;<p>');
                for (var j = 1; j <= i; j++) {
                    document.write(&#39;<span style="color:&#39; + cl() + &#39;">*</span>');
                }
                document.write('</p>');
            }
            for (var i = num; i >= 1; i -= 2) {
                document.write('<p>');
                for (var j = 1; j <= i; j++) {
                    document.write(&#39;<span style="color:&#39; + cl() + &#39;">*</span>');
                }
                document.write('</p>');
            }
        }

        ling(15);
    </script>
</div>
</body>
</html>

js는 컬러 다이아몬드 인쇄를 구현합니다(코드).

관련 기사