ようこそ

以下は丁寧に改良した日本語のコメントです：

JavaScript
1// ページが読み込まれたときにMain関数を呼び出す
2window.onload = Main;
3
4function Main() {
5  // submitボタンの要素を取得し、クリックイベントにaddMemo関数を設定する
6  let submitButton = document.getElementById("submit");
7  submitButton.onclick = addMemo;
8}
9
10function addMemo() {
11  // メモエリア、入力フィールド、およびトップ位置の要素を取得する
12  let memoArea = document.getElementById("memoArea");
13  let input = document.getElementById("memoInput");
14  let memoTop = document.getElementById("memoTop");
15
16  // 新しいメモのdiv要素を作成する
17  let memo = document.createElement("div");
18  memo.setAttribute("class", "memo");
19
20  // メモのテキストを表示する新しい段落を作成する
21  let memoStr = document.createElement("p");
22  memoStr.setAttribute("class", "memoStr");
23  memoStr.innerHTML = input.value;
24
25  // メモの日付を表示する新しい段落を作成する
26  let memoDate = document.createElement("p");
27  memoDate.setAttribute("class", "memoDate");
28  let now = new Date();
29  memoDate.innerHTML = `日付: ${now.toLocaleDateString()} 時間: ${now.toLocaleTimeString()}`;
30
31  // メモのテキストと日付をメモのdiv要素に追加する
32  memo.appendChild(memoStr);
33  memo.appendChild(memoDate);
34
35  // 新しいメモをメモエリアの上部に挿入する
36  memoArea.insertBefore(memo, memoTop.nextSibling);
37}