HTML是一種用于創(chuàng)作網(wǎng)絡(luò)頁面的語言,它可以用來創(chuàng)建圖像、動(dòng)畫、音頻、表格、按鈕等交互式元素。其中一個(gè)比較有趣的應(yīng)用就是使用while代碼來創(chuàng)建一個(gè)三角形。
<!DOCTYPE html> <html> <head> <title>用while代碼創(chuàng)建三角形</title> </head> <body> <script> let row = 5; // 定義三角形的行數(shù) let i = 1; // 初始化計(jì)數(shù)器 let output = ""; // 定義輸出的字符串 while (i<= row) { let j = 1; while (j<= i) { output += "* "; j++; } output += "\n"; // 到達(dá)每一行的結(jié)尾 i++; } document.write("<pre>" + output + "</pre>"); // 將生成的三角形輸出到網(wǎng)頁上 </script> </body> </html>
通過這段代碼,我們可以得出一個(gè)類似下方展示的三角形:
* * * * * * * * * * * * * * *
這段代碼的實(shí)現(xiàn)方法比較簡(jiǎn)單,使用了JavaScript中的while循環(huán)語句,通過控制循環(huán)的次數(shù)和嵌套關(guān)系,最終實(shí)現(xiàn)了輸出類似三角形的形狀。這也展示了HTML的強(qiáng)大之處,不僅可以創(chuàng)造出各種各樣的網(wǎng)頁元素,還可以利用JavaScript等腳本語言來實(shí)現(xiàn)更加豐富的功能。