前提・実現したいこと
HTML CSS JavaScript でごく簡単なページを作る練習をしているのですが、
Safariでは表示されるのですが、Chromeでは表示されません。
発生している問題・エラーメッセージ
同上
該当のソースコード
【index.html】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>練習サイト20111112</title> </head> <body> <header class="header"> <div> <h1></h1> <h2 class="header-title">はじめますよ!【現在準備中ですよ】</h1> <p class="header-p">文豪たちの秘密</p> </div> <div> <p class="header-rogo"><img src="images/nazoyarogo-a.png" width="200" alt="nazoya-rogo"></p> <p class="header-tel">お問い合わせ 03-0000-0000</p> </div> </header> <script src="scripts/main.js"></script> </body> </html>【mail.js】
const myHeading = document.querySelector('h1');
myHeading.textContent = 'これはJavaScriptのテストして書いています。';
試したこと
Chromeの設定から「JavaScript」を「オン」にしました。
補足情報(FW/ツールのバージョンなど)
Chromeはまったく反映されないという訳ではなく、以前書いたコードがそのままで、
コードを変えてリロードしても、そこから更新変更がプレビューされません。サーバーのファイルメネージャーから「.js」のファイルを削除してみてリロードしても、まだ以前JavaScriptに書いたものが残っています。
回答1件
あなたの回答
tips
プレビュー