Home > Article > Web Front-end > js implements printing a colored diamond (code)
The content of this article is about the js implementation of printing a colored diamond (code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
<!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('<p>'); for (var j = 1; j <= i; j++) { document.write('<span style="color:' + cl() + '">*</span>'); } document.write('</p>'); } for (var i = num; i >= 1; i -= 2) { document.write('<p>'); for (var j = 1; j <= i; j++) { document.write('<span style="color:' + cl() + '">*</span>'); } document.write('</p>'); } } ling(15); </script> </div> </body> </html>
Related recommendations:
How to implement lazy loading of images in js? js method code to implement delayed loading of images
js time conversion: timestamp to time string (code)
Verification in js Summary of digital methods
The above is the detailed content of js implements printing a colored diamond (code). For more information, please follow other related articles on the PHP Chinese website!