javascript 入力ホームのボタンに現在（アクセスした際）の時刻を表示して、ボタンをおすと時刻が更新されるプログラム

入力ホームのボタンに現在（アクセスした際）の時刻を表示して、ボタンをおすと時刻が更新されるプログラムがわかりません。
下は自分で描いてみたプログラムです

javascript
1<body>
2<script>
3function time(){
4    var dat = Date();
5    docment.write(dat.getHours()+":"+dat.getMinutes())
6}
7</script>
8<form>
9<input type="button" value="time()" onclick="time()">
10</body>

行動規範の内容に同意します

回答1件

ベストアンサー

document.write() を使ってはいけません。
value 属性の中にJavaScriptコードを書くことはできません。
Date オブジェクトを作るには new が必要です。

time() 関数は以下のようにして、

js
1  let dat = new Date();
2  document.querySelector('input[type=button]').value =
3      `${dat.getHours()}:${dat.getMinutes()}`;

さらに、この関数をページロード時に呼びましょう。

js
1document.addEventListener('DOMContentLoaded', time);

投稿2022/05/27 03:58

編集2022/05/27 05:40

int32_t

総合スコア20884

mkn66

2022/05/27 06:14

助かりました。ありがとうございます！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

javascript 入力ホームのボタンに現在（アクセスした際）の時刻を表示して、ボタンをおすと時刻が更新されるプログラム

関連した質問