JavaScriptの実行結果を表示するには？

質問

いつもお世話になりありがとうございます。
添付のように、画面下に表示できました。
標記の件。
JavaScriptの実行結果を表示できるようにするには
どうしたらよいでしょうか？
ご回答のほど宜しくお願い申し上げます。

回答No.5

AsarKingChang · ベストアンサー

もう一つ。。

>consoleをクリックしてもJavaScriptは表示できません。

consoleは、JavaScriptは元々でません。
JavaScriptが出した結果がconsoleに出るので。
だから、console.log コンソールにログを出せ！という命令なので。

恐らく単なる言葉のミスだと思いますが。
もし、ソースが出ると思っていじってるのであれば、
先ほど画像をはったように、sourceを開いてください。
そちらが「ソース」ですので。

これで、両方が同時に解決したと思われます。

回答No.4

AsarKingChang

図解を作りましたので、参考に。
各メニューの位置は、レスポンシブになっているので
多少違いがあるので、
パーツの位置ではなく文字（Consoleを探したいならConsoleという文字を探す）
で、そこに、前回の他の方が直してくれたソースを適当なファイル名で保存して、
それを開く！→ブラウザにドラッグするだけでOK
これで、デバッグされるので、このように結果が出ます。

なお、今回は質問の趣旨上、
結果表示だけを見てますが、デバッガーなので、
本格的なデバッグも可能です。
（これら用語は今回触れません）

補足

すみません。教えて下さい。
添付に表示されたように設定するには
どうしたら良いのでしょうか？
ソースもコンソール表示もできるのですね。
一体、どのようにしたら、そのように便利で有効な
開発者モードになるのでしょうか？
他のご説明も読みましたが今一つ
理解できませんでした。
どうか解かりやすく教えてください。

回答No.3

AsarKingChang

何か理解しました。

>ドキュメントに保存しています。
そのドキュメントというか、HTMLを開いてますか？
デバッガーで。。

>goと結果が出た時には、どんな設定をしていましたか？
設定はありません。
単にブラウザで開くだけです。
開いていなければデバッグされないので、結果は当然でないという具合です。

ちょっと、手持ちのフォトショ調子が悪いので、
後で、画像作りますが。
恐らく「開いていない」だけってのが、原因です。

補足

ここで言う「開く」とは、具体的に
どうする事なのですか？
Atomエディターで開いて保存して
Chromeで再読み込みをしていますが
これではgoは表示されないですよね。

回答No.2

Kaneyan-R

＞html.css.JavaScriptを編集して

それ、単独で動作するJavaScriptなのですかね？
HTML内で実行するJavaScriptじゃないですよね？

HTMLのSCRIPTタグ内に記述したJavaScriptやLINKタグなどで読み込む外部JavaScriptなら、実行結果はコンソールではなくWebブラウザ（Webページ）に出力されますが？

回答No.1

AsarKingChang

あの、既にあなたに対してその回答をしてる人がいるんですが、
毎回同じ会話になるのは、なぜだろうって感じです。
常に過去ログを見てほしいんですが。

https://okwave.jp/qa/q9999816.html
で、＃１さんが、
>DevToolsのメニューにConsoleがあるのでそれをクリックしてください。
って書いてると思いますが。

という事で回答ですが、
「回答者さんが、答えたのを無視せずちゃんと見てください」
（前回と前々回、こちら側で、回答を途中でやめたのはこのためです。
　質問者さんが、回答を見てないので、サポート不要と判断しての対応です）

または、先の回答者さんが、間違っているという
意味での投稿でしたか？

補足

consoleをクリックしてもJavaScriptは表示できません。
Atomエディターでhtml.css.JavaScriptを編集して
ドキュメントに保存しています。
goと結果が出た時には、どんな設定をしていましたか？