2014-11-16 110 views
0

如果用戶在文本框中輸入文本,我想顯示每個26個字母的出現次數。爲什麼這個代碼不起作用?如何讀取字符串中的值

<!DOCTYPE html> 
<html> 
    <body> 
     <form id="firstForm"> 
     <br> 
     <textarea rows="5" cols="50" id="usertext">The Quick Brown Fox Jumped Over the Lazy Dogs 
     </textarea> 
     <br> 
     <br> 
     <input type="button" value ="Image Chart" onclick="Alphabets()" 
     </form> 
     <br> 
     <br> 

     <div id="test1"> </div> 
     <script> 
     function Alphabets(){ 

      var userinput = document.getElementById("usertext").value; 
      var A = 'A'| 'a'; 
      var B = 'B'|'b'; 
      var C = 'C'|'c'; 

      A = userinput/A; 
      B = userinput/B; 
      C = userinput/C ; 

      document.getElementById("test1").innerHTML = A; 
     } 
     </script> 
    </body> 
</html> 
+0

什麼是'A = userinput/A的數量;'? – mcserep

+2

你知道什麼'var A ='A'| 'a';'是嗎? – Shomz

+0

我只是建立了一個邏輯我知道這是一個壞的,這就是爲什麼我在這裏發佈的問題 – Alexander

回答

2

這計數字母表

var temp = "The Quick Brown Fox Jumped Over the Lazy Dogs"; 

console.log((temp.match(/a|A/g) || []).length); 
+0

Thankyou能否解釋部分「g)|| [])length」,並且當我將此值存儲到A並嘗試顯示它時,它表示未定義。爲什麼? – Alexander

+0

''g''是一個可選的搜索標誌,指的是全局的,它使呼叫抓住所有的匹配,如果你刪除它,那麼它將只抓住第一個。 「||」 []''部分用於空搜索,如果沒有找到則返回一個空數組。 – overloading

+0

即時通訊使用它來存儲這和變量,但當我顯示它說變量未定義。 var temp =「快速的棕色狐狸跳過懶惰的狗」; var A = console.log((temp.match(/ a | A/g)|| [])。length); document.getElementById(「test1」)。innerHTML = A; – Alexander