Q&A
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
前提・実現したいこと
Javascriptを用いて今日の日付を表示したいのですが、調べた通りにコードを入力しても何故か何も表示されません。
原因を教えてくれないでしょうか。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Top-Page</title> 6 <link rel="stylesheet" href="/css/style.css"> 7 <script src="drive-j.js"></script> 8 </head> 9 <body> 10 <script>const today=new date(); 11 console.log(today.getDate());</script>
回答2件
0
ベストアンサー
基本的にオブジェクトや変数、関数名は大文字小文字は別物と認識してください（ 既存機能ならドキュメントからコピペするのが確実 Date ）
あと「画面への表示」を期待されているようですが、
console.log()はウェブコンソールにメッセージを出力する機能なので、画面上には出ません。
コンソールに出てます。
画面に出力したいなら画面上に存在する何かの要素に対してtextContentなりinnerHTMLなりで投入することですね。
投稿2021/06/12 09:04
総合スコア80875
ありがとうございました。
画面への出力は、自分で調べた結果うまくできました。
今後はつまずいても、まずは調べて原因を考えるようにします。
まずは「機能がどういうことをするものなのかドキュメントを確認する」「エラーを読む」「デバッグをする」
この３つができれば大抵のことは解決できます。
0
Date型のスペルミスですよ。
多分こんなエラーがコンソールに出てるはずです。
Uncaught ReferenceError: date is not defined
修正するとコンソールに12（今日は6/12なので）と出力されます。
追記：コンソールの確認方法
甘いなあ…と思いつつ、コンソールの見方を追記します。
（WindowsのChromeの場合です。他の組み合わせは分かりません。）
Chrome右上の方にある縦向きの三転リーダをクリックするとこのメニューが出ます。
その他のツール＞デベロッパーツール を選択
デベロッパーツールが出てきます。初めて起動した状態だとまだコンソールは見えませんので、
デベロッパーツール内の右上の縦向きの三転リーダをクリックします。
Show console drawerをクリックします。
で、下の方に見えるのがコンソールと呼ぶものです。
渦中のConsole.log()の内容はここに出ますね。
まあ、慣れたらF12とかでOKです
投稿2021/06/12 08:30
編集2021/06/12 09:44
総合スコア191
すみません、dateのスペルをDateに変えたらコンソールのエラーは消えたのですが、何故かまだ画面には何も表示されないままです。
何故でしょうか。
同じ回答になってしまいましたが、当回答者が仰っている通り「コンソールに」出てます。画面に出る機能使ってませんから。
【なぜか～してしまう】と【何らかの試行錯誤が見えない】が合わさってしまうと個人的にはあまり良い気はしません。
何らかの原因があって起こっているので、ここを思考放棄してはすぐに限界が見えてしまいます。
m.ts10806さんがリファレンスを提示していますので、一度ご確認される事をお勧めします。
> m.ts10806 さん
補足して頂き、ありがとうございます。
お二人ともありがとうございます。
>neonemoさん
つまり、わからないことがあった時に自分で考えて何かしらの試行錯誤をしろという認識で合ってますでしょうか。
それと、ここでいうリファレンスとは回答のことでしょうか。
「まず調べてそこから考えて」です。
＞リファレンスとは
「まず調べて」
https://e-words.jp/w/%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9.html
あなたの回答
tips
プレビュー
