入門者のJavaScriptという本で勉強中です
HTMLのコード外で作ったCSSを読み込み動かすプログラムを学習中です。
内容は画像ビューワでビューワ内の→ボタンをクリックすると画像の表示ナンバーが
CSSで指定した色や影が付くハズですが画像がチェンジするだけで変わりません。
発生している問題・エラーメッセージ
エラーメッセージ無し
### 該当のソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>簡易画像ビューワ</title> <link rel="stylesheet" href="viewer.css"> <script> function revBtnClick(){ window.alert('こんにちわ'); window,alert('さようなら'); } function fwdBtnClick(){ document.getElementById('no').innerHTML = 'No.2'; document.getElementById('pict').src = 'img/2.jpg'; document.getElementById('no').className = 'no2'; } </script> </head> <body> <img id="pict" src="img/1.jpg"> <div id="no" class="no1">No.1</div> <button onclick="revBtnClick();">←</button> <button onclick="fwdBtnClick();">→</button> </body> </html> ```ここに言語名を入力 ソースコード .no1{ color: green; } .no2{ color: red; text-shadow: 2px 2px 1px rgba(255,0,0,0,5); } 聞ける人に聞いてコードは合っていると言われました。 インターネットエクスプローラー、chrome、ファイアーフォックスのブラウザーで検証しましたが。 画像は変わっても文字表示は変わりませんでした。 よろしくお願いします。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答5件
あなたの回答
tips
プレビュー