初心者向け教材の通りにいかないです。

前提

javascriptで教材通りにコードを入力しているけどクロームではなにも表示されずエラーメッセージも出ません。
設定、半角かどうかなどは確認しました。

実現したいこと

メッセージを表示させたいです。

発生している問題・エラーメッセージ

エラーメッセージ

無し

該当のソースコード

Javascript
1ソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>javascriptのレッスン</title> </head> <body> <script type="text/javascript"> (function message() { console.log("hello world"); })(); </body> </html> ### 試したこと

設定の確認、chromeが最新かどうかの確認、半角でスペースを空けてるかの確認、各種サイトで同様の事例がないかの確認

補足情報（FW/ツールのバージョンなど）

コンソールに表示されないという意味です。勉強不足ですみません。

m.ts10806

2023/01/17 07:23

コードはマークダウンのcode内に入れてください。質問は編集できます。また、当該書籍を持っていない人にも「正常動作したらどうなるのか」がわかるように説明追記してもらえると一歩踏み込んだ回答ももらいやすくなります。「コンソールに表示されない」がわかる画面キャプチャなどもあるとなおよし。たまに一般的でない用法で用語を使う人もいるので、誰が見てもわかる情報があったほうが良いです。ヘルプページの「質問するときのヒント」も参照して情報追記してください。可能なら持っている情報や調べたことや考えたことすべて。

tanat

2023/01/17 08:07

デバッグ方法が丁寧に書かれていない教材は初学者向けとは言い難いので、別の教材を探されることをお勧めします。

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

回答2件

ベストアンサー

js
1console.log("hello world");

これは、ページ上にメッセージを表示するコードではありません。
Chrome でしたら、ページ上で右クリックして「検証」を選んで出てくる開発者ツールのコンソールを見てください。

投稿2023/01/17 05:53

int32_t

総合スコア20850

bob0416

2023/01/17 05:58

解答ありがとうございます。こちら初心者で右も左もわからないので色々と調べながらやってるのですがやはり検証→コンソールの画面でも表示されませんでした。動画で学習しているのですが動画だとなにもしなくてもコンソールにメッセージが表示されています。

int32_t

2023/01/17 06:08

</body> の前に </script> を入れましょう。それで直らなかったら、開発者ツールのElementsタブのスクリーンショットなどがあると原因がわかるかもしれません。

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

HTML
1<head>
2    <meta charset="utf-8">
3    <title>javascriptのレッスン</title>
4</head>
5
6<body>
7    <script type="text/javascript"> (function message() { console.log("hello world"); })(); </body > </html >

これを

HTML
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="utf-8">
6    <title>javascriptのレッスン</title>
7</head>
8
9<body>
10</body>
11<script type="text/javascript">
12window.onload = function message() { console.log("hello world");}
13</script>
14
15</html>

投稿2023/01/17 05:54

penguin520

総合スコア345

penguin520

2023/01/17 05:58

WINDOWS でしたら、キーボードのF12を押してデベロッパツールの「コンソール」に「hello world」と表示されるはずです。

bob0416

2023/01/17 06:02

解答ありがとうございます。申し訳ないのですが教材の通りにやってもコンソール画面に表示されないのがなぜかわからないので、なるべく別の関数（関数と変数の区別がついてないのでこの呼び方でいいのかわかりませんが）は使わずに表示させたいのです。

penguin520

2023/01/17 06:07

まず、その教材が間違っているか。教材の通りにやっていないからではないでしょうか。関数 function message() で、コンソールに　ハローワールドと表示させるような記述がありますが、Javascript で、その関数を実行するトリガーが必要になります。 window.onload = で指定してあげて、ウィンドウが開かれたら関数を実行してあげてね。と書かないと、その関数が動かないです。本当に、教材の通りにやっていないか、教材が間違っているか、別のページを参考にしてそのコードを自分で考えて使いましょうということなのか、その教材がこちらの手元にないのでわかりませんが。ご質問のコードでは動かないのは間違いないですというか、教材なのであれば、その教材を売った会社に質問できないんですか？？？

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

あなたの回答