Question

我想问一下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>

再次：我希望游戏会显示一个加扰的单词，用户必须解密该单词才能移动到另一个单词。问题是我无法再次显示表单以使用户解读第二个，第三个等单词。

Answer 1

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

Answer 2

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

再次显示表格？

2 个答案: