ウィンドウのどこかをクリックするとブラウザの画像を変更する機能を使っています。一定のクリック数でアラートメッセージをポップさせたいのですが。window.onclick関数を変数に設定し、その中にifステートメントを作成して、クリック数がimageArrayの長さを超えているかどうかを確認すると思いました。正しく比較できるように、onlick関数を数値に設定する必要がありますか?ありがとう!
var myImage = document.getElementById("mainImage");
var imageArray = [
"_images/hurley.png", "_images/lopate.png", "_images/pat.png",
"_images/saveaya_b.png", "_images/saveaya.png", "_images/stanely.png"
]
var imageIndex = 0;
function changeImage(){
myImage.setAttribute("src", imageArray[imageIndex]);
imageIndex++;
if(imageIndex >= imageArray.length){
imageIndex = 0;
}
}
var a = window.onclick = function(){
changeImage();
if (a >= imageArray.length[3]){
alert("you clicked me!");
}
}