为什么我的功能警报不起作用?

时间:2014-02-25 00:04:31

标签: javascript html

代码应该接收一个句子/字符串并反向打印,如果在单词中包含的过滤器中写入的单词或字母属于字符串 - 该单词将不会打印。

为什么我的检查警报“嗨”不工作的问题? TNX!

<html>
<head>  
  <script>
function myfunc()  {

alert ("hi"); 
var count=0; 
var phrase= document.getElementById('phrase').value;
var filter = document.getElementById('filter').value;
var arrReverse = phrase.split(" ").reverse(); 

for (i=0; i<arrReverse.length; i++) {
  if (arrReverse[i].search(filter)==-1) {
    if (i%2==0) {
      document.getElementById('words').innerHTML="<span class="word"><u>"arrReverse[i]"</u><span>";
    } else { 
      document.getElementById('words').innerHTML="<span class="word">"arrReverse[i]"<span>";
    }
  } else if (arrReverse[i].search(filter)!=-1) { count++; }

  if (count>0) {
    document.getElementById('count').innerHTML="<span class="count">"count "word(s) filtered out <span>";
  }
}

  </script>
</head>

<body >
  <h1>Sentence Reverser!</h1>

  <div> Phrase: <input id="phrase" type="text" size="40"/></div>
  <div> Filter:    <input id="filter" type="text" size="10"/></div>

  <div><button id="go" onclick="myfunc()"> Go! </button></div>

  <div id="words"></div>
  <div id="count"></div>

</body>
</html>

1 个答案:

答案 0 :(得分:2)

小心“”引号和''引号:

.innerHTML="<span class="word"><u>"arrReverse[i]"</u><span>"; // wrong


.innerHTML="<span class='word'><u>"+arrReverse[i]+"</u><span>"; //right

进一步参考检查:

http://www.w3schools.com/js/js_obj_string.asp