JavaScript　chromeの反映について

プログラミングが初心者です。HTMLとCSSの基本が終わったので、JavaScriptをやろうとしていたのですが、chromeにURLを張り付けて、コードの情報が反映されずに真っ白になってしまいます。
もしよければ、ご教授をおねがいいたします。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScrip</title> <style> box{ width: 100px; height: 100px; background-color: skyblue; cursor: pointer; } </style> </head> <body> <div class="box"></div> </body> </html>

maisumakun

2020/05/04 06:40

JavaScriptのコードはどこでしょうか？（あと、タグの「Java」は全くの別言語です。「JavaScript」に差し替えておきましょう）

m.ts10806

2020/05/04 06:41

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あと、ファイル名もコピペして提示してください。

gentaro

2020/05/04 06:51

「JavaScriptをやろうとしていた」のは良いのですが、入門用の書籍なりオンラインのチュートリアルなり、どんな教材を使ってやろうとしてるんですか？既に指摘されているとおり質問文にJavaScriptのコードが全く出てきていないので、ロクに教材すら読もうとすらしてないように見えますが。

m.ts10806

2020/05/04 07:02

ひとまず、「どういう結果を期待しているか」も書いてください。質問テンプレートに沿って質問を作るのが確実です。 https://teratail.com/help/question-tips#questionTips3-8

isekiryu

2020/05/04 07:05

ドットインストールでJawaScriptの講座を受けています。動画どうりに書いてみてchromeに貼り付けました。動画では、反映されていたのですが、自分のパソコンでは反映されずに真っ白になってしまいます。

m.ts10806

2020/05/04 07:08

質問は編集できます。適宜ご対応ください。（こちらは見て分かるように「質問への追記・修正依頼」のコメント欄です。質問を編集して返すのが通例です）

m.ts10806

2020/05/04 07:11 編集

ちなみに動画でそのCSSの書き方を紹介しているのならその動画は間違っています。「～の通り書きました」という場合、大抵、書けていませんので、動画ではなく、それを見て書いた人が間違っています。基本の文法をおさえましょう。CSSなら「セレクタの概念」ちなみに、JavaScriptのコードがないという指摘は理解できますか？

m.ts10806

2020/05/04 07:11

・Javaのタグを「HTML」「CSS」に変更・コードのマークダウン対応こちらは最低限しておいてください。でないと「Java」で質問を探しに来る人のノイズになります。

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

回答1件

ベストアンサー

とりあえず、style 指定のセレクタが間違っているので以下のように box から .box に修正してください。

html
1    <style>
2    .box{
3      width: 100px;
4      height: 100px;
5      background-color: skyblue;
6      cursor: pointer;
7    }
8    </style>
9