JavaScript はテーブルを通じて三角形を表示するコードを実現します

   以下は、テーブル内の三角形の表示を実現するプログラム コードと実行中のスクリーンショットです。

目次

序文

1. 三角形を表形式で表示する

1.1 運用プロセスと考え方

1.2 コードスニペット

1.3 JavaScript ステートメントのコード

1.4 スクリーンショットの実行


序文

1. 選択できる場合は、ディレクトリ内をすばやく検索できます。

2. このブログ投稿のコードは、トピックの要件に従って関連する機能を実現できます。同時に、カスタム設定も実現できます。

3. この記事では JavaScript コードの演習を紹介します。このブログ記事で使用しているソフトウェアは HBuilder X3.7.9 で書かれたコードです。DW、VSCode、または DW 下位または上位バージョンなどの他のソフトウェアは原則として互換性があります。 、ソフトウェアが必要で、書かれたソフトウェアが HBX でない場合は、正常に実行できます。

図1 書き込みソフトの例(一部)

4. ここで特別な説明をします。私は HBX を使用しているため、Web 形式になっています。<script> ステートメントも個別に貼り付けました。必要に応じて、<script></script> ステートメントを直接コピーできます。

5. このブログ記事のコードは私が学生時代に書いたものです。完全に実装されていない箇所もあります。ご容赦ください。またアドバイスをお願いします。問題が見つかった場合は、フィードバックしてください。間違いを修正し、要約して改善できることを確認します。継続的な改善! 

6. ブログ投稿は通常、ブラウザで実行する必要があります。通常はフォームがポップアップし、値を入力して結果を取得します。この記事では Google Chrome を使用しています。Google Chrome の使用を推奨します。

7. 侵害が含まれる場合は、削除するためにご連絡ください。


提示:以下是本篇文章正文内容,下面案例可供参考

1. 三角形を表形式で表示する

1.1 運用プロセスと考え方

これは、指定された値を入力し、フォーム内での入力値を for if ループで計算し、最終的に式に従ってコードを出力することによって行われます。具体的な思考プロセスは以下の通りです。

1.2 コードスニペット

コードは次のとおりです(例)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		var s='<table>';
		var x='';
		for(var i=0;i<26;i++){
			x+='*';
		    s+='<tr><td align="center">'+x+'</td></tr>';
		}
		
		document.write(s+'</table>')
		</script>
	</head>
	<body>
	</body>
</html>

1.3 JavaScript ステートメントのコード

コードは次のとおりです(例)。

<script type="text/javascript">
		var s='<table>';
		var x='';
		for(var i=0;i<26;i++){
			x+='*';
		    s+='<tr><td align="center">'+x+'</td></tr>';
		}
		
		document.write(s+'</table>')
		</script>

1.4 スクリーンショットの実行

実行結果は以下のとおりです(例)。

1.4.1 ブラウザのポップアップフォームの表示結果

おすすめ

転載: blog.csdn.net/weixin_59042297/article/details/130802693