Sample_Coding

<hr>

HTML と CSS の作品が絵画の個展だとすれば, 
HTML + CSS +　JavaScript を使った作品は舞台演劇であるとイメージしましょう. 
タグ・パラグラフに id(目印)が付いている 
(つまりこのエレメント &lt;p id="目印"&gt;&lt;/p&gt; が舞台であり, 
&lt;script&gt; 〜 &lt;/script&gt; は裏や天井に用意された舞台装置であるとイメージする).
<pre style="color:green;">
　　　　ロジック 
　　　　　↓ 
まず, 現在の「年・月・日・時刻」を取得するために new Date() を使う.
new Date() の時点では, 日付はまだ「内部的な数値」である.
例えば 2025 という数字は, 実際はビット列（例：00000111 11101001）で記録される.
変数「今」を宣言して取得した情報を代入した.
しかしこの時点では取得した「年・月・日・時刻」の情報は
01001100110010100010 〜 のような人には読みにくい数字である.

その情報を人が読める形にするために toLocaleString() メソッド(翻訳者)を使って
「年・月・日・時刻」を十進数の数字に翻訳した.
注意: 変換はブラウザ(パソコン)内部の処理であり, まだ画面には表示されてない.

変換された「年・月・日・時刻」を表示(画面に出力)させるには textContent プロパティを使う.
getElementById("目印") でタグ・パラグラフを取得し(場所を特定してそこを空っぽにし),
代わりに十進数に翻訳された数字を textContent を使って表示させた.

<hr>
<pre style="color:green;">
let 今=new Date();「今」を宣言(ラム・メモリーに保存)して, 現在の年月日と時間(CPUの中で作成したした on /off の電気信号)を取得して 0 / 1 に変換して代入.
つまり「今」とは 01001100110010100010 〜 読みづらい二進数の数字.

documentこのページ内の

getElementById("目印")目印をつけたエレメント全体をオブジェクト化(DOMに)して取得.
取得されるとその場所は空っぽになる.

「今」は 01001100110010100010 〜だが,
この数字を toLocaleString()メソッドで 2025/6/9 7:09:38 のような十進数に翻訳する.

最後に, それを textContentプロパティを使って
「目印」という場所にそのテキストを表示した.
</pre>

</html>