2010-03-08 59 views
0

我想问一下Javascript中的表单。再次显示表单?

我想做一个游戏,用户输入正确的单词,然后警告消息将出现这个正确的单词。当用户确认第一个单词时,程序将显示另一个单词(待更正)。但是我面对的问题是我无法让表格再次显示以继续比赛。

我用:

var d = document.getElementById("form1"); d.style.visibility = "visible"; 

,但它不工作!

这是我的代码:

<head> 
    <title>Word Decoder</title> 
    <script type="text/javascript"> 
     function checkWord(word, score) 
     { 
      var ok = words[score].valueOf(); 
      var ok1 = document.getElementById("wordid"); 
      if(ok1.value == ok) 
      { 
       score ++; 
       alert("Correct, your score is: " + score); 
       var d = document.getElementById("form1"); 
       d.style.visibility = "visible"; 
       return false; 
      } 
      else 
      { 
       alert("Wrong Spelling"); 
       return false; 
      } 
     } 
    </script> 
</head> 
<body> 
    <script type="text/javascript"> 
     var words = new Array ("apple", "orange", "banana", "manago", "table"); 
     var reWords = new Array ("alpep", "ergano", "aaabnn", "goamna", "lbeat"); 
     var count = 0; 
     var score = 0; 
     "</br>"; 
    </script> 
    <form id="form1"> 
     <br> 
     <dir id="displayForm" 
       style="position: relative; 
       visibility: visible; 
       display: block"> 
      <h3><b> <script> document.write(reWords[score]);</script> </b></h3> 
      <br> 
      Enter the correct word: <input type="text" value="" id="wordid"/> 
      <input type="submit" 
        value="Check Answer ??" 
        onclick="return checkWord(wordid, score);" /> 
     </dir> 
    </form> 
</body> 

还是那句话:我希望游戏会显示一个炒字,用户必须解读为移动到另一个字的字。问题是我无法再次显示表单以使用户解读第二,第三等词语。

回答

0

使用d.style.display="none"来隐藏和d.style.display="block"来显示。

+0

d.style.display =“block” >>我用这种方式,但它不起作用.. – user289227 2010-03-09 08:00:45

+0

As @ Tracker1说,你怎么隐藏窗体? – Jeremy 2010-03-09 12:18:41

0

认为你的帖子被弄坏了,我没有看到你在哪里隐藏它。另外,如果你不需要它,请避免使用document.write ...注入元素或使用.innerHTML如果你需要,但不是document.write。

相关问题