回文結果不正確。

Question

我正在嘗試創建一個回文檢查器。 現在看來，不再調用我的lengthChecker（）了，每當單詞不是回文，而是說它不是回文時，情況也不會被調用。 可能是什么問題？

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Lesson #6 Homework</title>
      <script type="text/javascript" src="./js/palindrome.js"></script>
   </head>
  <body>
  <h1>Is it a Palindrome?</h1>
  <div id="mainCont">
     <p>Hello. Please enter a word, and I'll see if it is a palindrome.</p>
     <p>Word:
        <input type="text" id="str" name="string" />
        <button id="checkInput">Submit</button>
     </p>
  </div>
  </body>
</html>

這是到目前為止的JS：

function lengthChecker() {
var str = document.getElementById("str").value;
if (str.length > 10 ) {
    alert("Sorry. Your input surpasses the 10 characters maximum. Please try again.")
    return false;
} else if (str.length == 0) {
alert ("Sorry. Your input is too short, and doesn't meet the 10 characters maximum. Please try again.")
    return false;
}
palindrome();
}

function palindrome() {
var revStr = "";
var str = document.getElementById("str").value;
var i = str.length;
for (var j = i; j >= 0; j--) {
   revStr = revStr + str.charAt(j);
}
if (str == revStr) {
   isPalindrome();
} else {
   alert(str + " -is not a Palindrome");
}
}

function isPalindrome() {
    alert(str + " is a Palindrome.");
}

document.addEventListener("DOMContentLoaded" , function(e){
var el = document.getElementById("checkInput");
el.addEventListener("click", isPalindrome);
});

Answer 1

您在head元素中鏈接了Javascript，因此在<button id="checkInput">進入DOM 之前就執行了Javascript。 將其移到body的末尾或defer紅色。

Answer 2

因為您要訪問按鈕，所以在正確加載頁面之前。

加載DOM時，您需要獲取按鈕並綁定事件處理程序。

document.addEventListener("DOMContentLoaded", function(e) {
    var el = document.getElementById("checkInput");
    el.addEventListener("click", isPalindrome);
});

回文結果不正確。

問題描述

2 個解決方案

解決方案1
0 2015-11-09 02:27:40

解決方案2
0 2015-11-09 02:31:34

回文結果不正確。

問題描述

2 個解決方案

解決方案1 0 2015-11-09 02:27:40

解決方案2 0 2015-11-09 02:31:34

解決方案1
0 2015-11-09 02:27:40

解決方案2
0 2015-11-09 02:31:34