Q&A
ブラウザは何を使っていますか？
前提・実現したいこと
JavaScriptのコードをそのまま真似しているのに動かない。
発生している問題・エラーメッセージ
ドットインストールで はじめてのJavaScript第３回のbodyタグ内のコードです。
クリックしても色も形も変わりません。このコード間違っていますか？
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScript Practice</title> <style> .box { width: 100px; height: 100px; background-color: skyblue; cursor: pointer; } </style> </head> <body> <div class="box" id="target"></div> <!----></html> ### 試したこと<script> document.getElementById('target').addEventListener('click', () => { document.getElementById('target').style.background = 'pink'; document.getElementById('target').style.borderRadius = '50%'; }); </script> </body>
数回書き直し。
補足情報（FW/ツールのバージョンなど）
VSCodeでテキストを書いています。
Google Chromeです
同じコードをjsfiddleで動かしてみた限りでは、正常に動作しています。
https://jsfiddle.net/szgc1mfy/
ブラウザの問題なのでしょうか？jsfiddle教えていただきありがとうございます！
ブラウザコンソールに何かしらのエラーが出ていたりはしませんか？
参考までですが、ご提示のhtmlをそのままコピペしてファイル名t1.htmlで保存、Windows版chromeでローカル、WEBサーバーともに動作しました。JavaScriptでの実行が無効になっていたりするのでは。
回答1件
0
僕もvscodeで試しましたが、反応していますよ！
投稿2020/08/07 13:04
総合スコア72
あなたの回答
tips
プレビュー
