setTimeout関数の結果をinnerHTMLで表示したい

javascript
1<html>
2<head>
3<title>setTimeoutの練習</title>
4</head>
5<body>
6　　　<script>
7          let log = function(){
8              console.log("こんにちは");
9          }
10            setTimeout(log,3000);
11         </script>
12</body>
13</html>
14```上はGoogleChromeからF12で更新ボタンで3秒後に「こんにちは」と表示されました。
15
16```javascript
17<html>
18<head>
19<title>setTimeoutの練習</title>
20</head>
21<body>
22
23<div>id="display"</div>
24　　　<script>
25            let dsp = document.getElementById("display");
26　　　　　 　let log = document.write("こんにちは");
27            dsp.innerHTML =　setTimeout(log,3000);
28       </script>
29</body>
30</html>
31</html>

「こんにちは」という結果をブラウザ上に出せないかと思い、思いつくままの式を書いてみましたがやっぱり駄目でした。どうすれば可能でしょうか？
よろしくお願いします。

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

回答3件

思いつくままに書いても書いたとおりにしか動きませんよ。
まず

javascript
1let dsp = document.getElementById("display");

これは動きません。idが「display」の要素は存在していません。

html
1<div>id="display"</div>

idを指定しているつもりなのかもしれませんがこれは違います。
しっかり記法を調べてください。

最後に

javascript
1  let log = function(){
2    console.log("こんにちは");
3  }
4  setTimeout(log,3000);

ここまでコンソールに「こんにちは」と出せたのであれば
最初にコンソールの代わりにdivに出すように書き換えるべきです。

どこで「こんにちは」と出ているのか分からない場合は、参考書を読むなりして
基本を押さえたほうがいいです。質問している場合ではないです。

javascript
1  let log = document.write("こんにちは");
2  dsp.innerHTML = setTimeout(log,3000);

何をどうしたくてそう書いているのか本人が認識して書かずにだれが認識するのですか

投稿2020/06/07 06:31

sousuke

総合スコア3830

beginner001

2020/06/07 07:03

ありがとうございました

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

ベストアンサー

表示したい場所をつくっておき、それを指定して表示させます

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  const log = ()=>{
4    document.querySelector('#view').textContent="こんにちは";
5  }
6  setTimeout(log,3000);
7});
8</script>
9<div id="view"></div>