エラーが出ない状態での動作不良

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
JavaScriptで押すたびに画像が変化するようなものを作ろうとしてます。
。

発生している問題・エラーメッセージ

エラーメッセージが出ないながらも作動しないという状態で何をすればいいかわかりません
前にもお味ようなことがあったのでこの問題に関してのものと一緒に普遍的な解決法を教えていただけると幸いです。。。

コード


### 該当のソースコード
<!DOCTYPE html>
<html>

<head>
 <script type="text/javascript" src="3-1.js">

 </script>
</head>

<body>
 <img src="white.jpg" id="aa" />

</body>

↓3-1.js
</html>
/*global document */
/*global window */
window.onload = function () {
 var aa = document.getElementById("aa");
 aa.addEventListener("click", function () {
  if (aa.src === "white.jpg") {
   aa.src = "black.jpg";
  } else {
   aa.src = "white.jpg";
  }
 }, false);
};

ちなみに、googleのdevelopper toolとJSlintでデバックしようとしてそこの中のエラーはなくなりました

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

回答1件

<img>に対して.srcでアクセスした場合、フルパスで取れますので、aa.src === "white.jpg"の条件は常に成立しなくなります。

.srcをチェックするならフルパスで来ることを前提に正規表現でチェックする、あるいはファイル名で状態を管理するのではなく別途フラグをもたせる、というような対応が必要かと思います。

投稿2019/09/16 01:16

maisumakun

総合スコア145963

jouson-129

2019/09/16 01:33

追加情報ですが例えば、教科書からのコピペですが、 ``` <!DOCTYPE html> <html> <head> <script type="text/javascript"> function clickEvent() { var obj = event.target; obj.src = "white.jpg"; } </script> </head> <body> <img src="black.jpg" onClick="clickEvent()" /> <img src="black.jpg" onClick="clickEvent()" /> <img src="black.jpg" onClick="clickEvent()" /> </body></html> ``` こちらだったら動くので画像の問題というよりJavaScriptのほうに問題があるのだと思うのですが、、、