私は、ユーザーのパスワードスコアに応じてjpegイメージを切り替えることによって、ユーザーのパスワードを1から10のスケールで(または暗赤色から緑色に、10個のjpegイメージで)評価するパスワード評価を作成しています。私は "passwordPoints"を印刷するためのコンピュータを持っているので、この変数が問題ないことは分かっています。私は現在、2番目のif else else if文を取得してimageSwapperソースを変更するのに苦労しています。私はこの問題のためのstackoverflowのいくつかのガイドをチェックし、私は実際にすべての権利を行っていることがわかった...またはそうだ。なぜこれが機能していないのかについての示唆はありますか?<img>タグのソースをif if else文でどのように変更すればよいですか?
var password = document.getElementById("your_Password").value;
var passwordArray = password.split("");
var imageSwapper = document.getElementById("image_Swapper");
var passwordPoints = 0;
if(passwordArray.length === 0){
document.getElementById("appendomatic").innerHTML = "You need to enter something.";
return false;
}
if(passwordArray.indexOf(" ") > -1){
document.getElementById("appendomatic").innerHTML = "No spaces allowed - please use underscores.";
return false;
}
if(!containsNumbers(passwordArray) && !containsCaps(passwordArray) && !containsSymbols(passwordArray)){
passwordPoints = Math.pow(26, passwordArray.length);
}else if(containsNumbers(passwordArray) && !containsCaps(passwordArray) && !containsSymbols(passwordArray)){
passwordPoints = Math.pow(36, passwordArray.length);
}else if(!containsNumbers(passwordArray) && containsCaps(passwordArray) && !containsSymbols(passwordArray)){
passwordPoints = Math.pow(52, passwordArray.length);
}else if(!containsNumbers(passwordArray) && !containsCaps(passwordArray) && containsSymbols(passwordArray)){
passwordPoints = Math.pow(56, passwordArray.length);
}else if(containsNumbers(passwordArray) && containsCaps(passwordArray) && !containsSymbols(passwordArray)){
passwordPoints = Math.pow(62, passwordArray.length);
}else if(containsNumbers(passwordArray) && !containsCaps(passwordArray) && containsSymbols(passwordArray)){
passwordPoints = Math.pow(66, passwordArray.length);
}else if(!containsNumbers(passwordArray) && containsCaps(passwordArray) && containsSymbols(passwordArray)){
passwordPoints = Math.pow(82, passwordArray.length);
}else if(containsNumbers(passwordArray) && containsCaps(passwordArray) && containsSymbols(passwordArray)){
passwordPoints = Math.pow(92, passwordArray.length);
}
if(passwordPoints < 100){
imageSwapper.src = "images/light1.jpg";
}else if(passwordPoints > Math.pow(10, 8) && passwordPoints < Math.pow(10, 11)){
imageSwapper.src = "images/light2.jpg";
}else if(passwordPoints > Math.pow(10, 11) && passwordPoints < Math.pow(10, 14)){
imageSwapper.src = "images/light3.jpg";
}else if(passwordPoints > Math.pow(10, 14) && passwordPoints < Math.pow(10, 17)){
imageSwapper.src = "images/light4.jpg";
}else if(passwordPoints > Math.pow(10, 17) && passwordPoints < Math.pow(10, 20)){
imageSwapper.src = "images/light5.jpg";
}else if(passwordPoints > Math.pow(10, 20) && passwordPoints < Math.pow(10, 23)){
imageSwapper.src = "images/light6.jpg";
}else if(passwordPoints > Math.pow(10, 23) && passwordPoints < Math.pow(10, 26)){
imageSwapper.src = "images/light7.jpg";
}else if(passwordPoints > Math.pow(10, 26) && passwordPoints < Math.pow(10, 29)){
imageSwapper.src = "images/light8.jpg";
}else if(passwordPoints > Math.pow(10, 29) && passwordPoints < Math.pow(10, 32)){
imageSwapper.src = "images/light9.jpg";
}else if(passwordPoints > Math.pow(10, 32)){
imageSwapper.src = "images/light10.jpg";
}
のですか?エラー? –
何も起こりません。変数 "passwordPoints"に応じて、 "imageSwapper" srcをこれらの10個のイメージのいずれかに変更する必要があります。 – Mangofett
HTMLを共有できますか?これをデバッグしましたか? 'if'ステートメントのどれにも入りますか? –