Javascript數組問題

我的網站存在一個大問題。我是JavaScript新手，我試圖使用數組來存儲基於輸入到文本框中的答案的單獨答案。我使用的在線模板是here。Javascript數組問題

我正在改變這個以適應我需要做的事，儘管答案並不奏效。

這完美的作品：

var answers = ["harry potter", "donald duck", "shrek", "supercoder"]; 

/*******************************/ 
//init() function 
function init() { 
    var myButton = document.getElementById("btnSubmit"); 
    myButton.onclick = registerName; 
} 
//assign init() function to onload event 
onload = init; 
/********************************************/ 
//registerName() function: it executes when user clicks the button 
function registerName() { 
    //set up main vars: Username entered by user, 
    //a message string to communicate with the user, 
    //a reference to the paragraph used to display the message, 
    //and a boolean var (true/false) used as flag: 
    //if the registration is successful, this is set to true, 
    //if registration fails, this is set to false. It's initialized as false. 
    //Notice how you chain getElementById(), value, and toLowerCase 
    //to store the value entered by the user in lowercase 
    var newName = document.getElementById("txtName").value.toLowerCase(); 
    var message = ""; 
    var result = document.getElementById("result"); 
    var success = false; 
    var m1 = false; 
    var m2 = false; 
    var m3 = false; 
    var m4 = false; 
    var m5 = false; 
    var m6 = false; 
    var m7 = false; 
    var m8 = false; 
    var m9 = false; 
    var m10 = false; 
    var s1 = false; 
    var s2 = false; 
    //If the user clicks the button but the inputbox is empty 
    //we alert the user and stop further program execution: 
    if(newName == "") { 
     alert("Please, enter a Username"); 
     return false; 
    } 
    //we loop over each Username stored in the array 
    //to make sure the Username is not already in existence 
    for(var i = 0; i < answers.length; i++) { 
     //if we find a Username equal to the newly entered name, 
     //it means the Username already exists and we can't 
     //proceed with registration 
     if(answers[i] == newName) { 
      message = "Sorry, the Username " + answers[i] + " already exists. Try again"; 
      result.innerHTML = message; 
      //set the success flag to false so the rest of the program knows 
      //that registration failed 
      success = false; 
      //stop further program execution 
      return false; 
     } 
     //else - if the Username entered by the user 
     //is not already stored in the application, register new user: 
     else { 
      message = "Great, you've successfully registered with us as " + newName; 
      result.innerHTML = message; 
      //set the success flag to true, so the program knows 
      //the new Username can be added 
      success = true; 
     } 
    } 
    //Now you're out of the loop 
    //if registration was successful (success flag is true), 
    //add new Username to the array with push() 
    if(success) { 
     answers.push(newName); 
    } 
    //display Usernames sorted alphabetically on a new line 
    result.innerHTML += "<br />" + answers.sort(); 
}

然而，當我添加了必要時else語句在此基礎上停止輸入特定字符串添加到工作

//global array: it's outside any function 
var answers = ["harry potter", "donald duck", "shrek", "supercoder"]; 
/*******************************/ 
//init() function 
function init() { 
    var myButton = document.getElementById("btnSubmit"); 
    myButton.onclick = registerName; 
} 
//assign init() function to onload event 
onload = init; 
/********************************************/ 
//registerName() function: it executes when user clicks the button 
function registerName() { 
    //set up main vars: Username entered by user, 
    //a message string to communicate with the user, 
    //a reference to the paragraph used to display the message, 
    //and a boolean var (true/false) used as flag: 
    //if the registration is successful, this is set to true, 
    //if registration fails, this is set to false. It's initialized as false. 
    //Notice how you chain getElementById(), value, and toLowerCase 
    //to store the value entered by the user in lowercase 
    var newName = document.getElementById("txtName").value.toLowerCase(); 
    var message = ""; 
    var result = document.getElementById("result"); 
    var success = false; 
    var m1 = false; 
    var m2 = false; 
    var m3 = false; 
    var m4 = false; 
    var m5 = false; 
    var m6 = false; 
    var m7 = false; 
    var m8 = false; 
    var m9 = false; 
    var m10 = false; 
    var s1 = false; 
    var s2 = false; 
    //If the user clicks the button but the inputbox is empty 
    //we alert the user and stop further program execution: 
    if(newName == "") { 
     alert("Please, enter a Username"); 
     return false; 
    } 
    //we loop over each Username stored in the array 
    //to make sure the Username is not already in existence 
    for(var i = 0; i < answers.length; i++) { 
     //if we find a Username equal to the newly entered name, 
     //it means the Username already exists and we can't 
     //proceed with registration 
     if(answers[i] == newName) { 
      message = "Sorry, the Username " + answers[i] + " already exists. Try again"; 
      result.innerHTML = message; 
      //set the success flag to false so the rest of the program knows 
      //that registration failed 
      success = false; 
      //stop further program execution 
      return false; 
     } 
     //else - if the Username entered by the user 
     //is not already stored in the application, register new user: 
     else { 
      message = "Great, you've successfully registered with us as " + newName; 
      result.innerHTML = message; 
      //set the success flag to true, so the program knows 
      //the new Username can be added 
      success = true; 
     } 
    } 
    //Now you're out of the loop 
    //if registration was successful (success flag is true), 
    //add new Username to the array with push() 
    if(newName == "a=0, b=20") { 
     answers.push("m1"); 
     answers.push("s1"); 
    } else if(newName == "a=20, b=20") { 
     answers.push("m2"); 
     answers.push("s1); 

     } 

     else if (newName == " 
      a = 10, b = 0 ") 
     { 
      answers.push(" 
      m3 "); 
      answers.push(" 
      s1 "); 

     } 

     else if (newName == " 
      a = 10, b = 10 ") 
     { 
      answers.push(" 
      m4 "); 
      answers.push(" 
      s1 "); 

     } 

     else if (newName == " 
      a = 30, b = 50 ") 
     { 
      answers.push(" 
      m5 "); 
      answers.push(" 
      s1 "); 

     } 

     else if (newName == " 
      a = 0, b = 30 ") 
     { 
      answers.push(" 
      m6 "); 
      answers.push(" 
      s1 "); 

     } 
     else if (newName == " 
      a = 40, b = 30 ") 
     { 
      answers.push(" 
      m7 "); 
      answers.push(" 
      s1 "); 

     } 
     else if (newName == " 
      a = 40, b = 0 ") 
     { 
      answers.push(" 
      m8 "); 
      answers.push(" 
      s1); 
    } else if(newName == "a=10, b=20") { 
     answers.push("m9"); 
    } else if(newName == "a=20, b=10") { 
     answers.push("m10"); 
     answers.push("m1"); 
     answers.push("s2"); 
     answers.push("m2"); 
     answers.push("m3"); 
     answers.push("m4"); 
    } else if(newName == "a=30, b=30") { 
     answers.push("m5"); 
     answers.push("m6"); 
     answers.push("m7"); 
     answers.push("m8"); 
     answers.push("m9"); 
     answers.push("s2"); 
    } 
    if(success) { 
     answers.push(newName); 
    } 
    //display Usernames sorted alphabetically on a new line 
    result.innerHTML += "<br />" + answers.sort(); 
}

我很抱歉，我肯定這是明顯的事情。

來源

2014-02-09 user3290885

很抱歉，但你的代碼是一個爛攤子。使用像http://jsbeautifier.org這樣的工具來幫助你設置你的代碼的格式。如果您向下滾動第二個代碼塊，並注意代碼突出顯示，則會發現您的問題。 –

...另外，找到您的瀏覽器的開發者控制檯，並打開它查看錯誤消息。 –

請不要道歉我需要建設性的批評，以提高我真誠地感謝意見謝謝:) – user3290885

您的IF部分底部有語法錯誤。「a = 20，b = 20」部分和「a = 40，b = 40」被錯誤地引用。

else if (newName == "a=20, b=20") 
{ 
    answers.push("m2"); 
    answers.push("s1); <--- 

}

這

else if (newName == "a=40, b=0") 
{ 
    answers.push("m8"); 
    answers.push("s1); <--- 

}

而且不是

onload = init;

嘗試使用

<body onload="init();">

來源

2014-02-09 23:33:38 ElDoRado1239

這工作絕對待遇謝謝你，所以我非常感謝這麼多！ – user3290885

'onload = init;'部分實際上應該可以工作。這相當於執行'window.onload = init'，它將分配處理函數以便在加載所有內容後調用。 –

Javascript數組問題

回答

相關問題