Question

我正在尝试创建一个列出响应的文本框，并在每次单击按钮时添加一个新行。这最终将导致冒险游戏。我的问题是：

我无法将文字添加到框中的一行，更不用说留下了。我尝试了各种jquery和js运算符，但似乎没有任何工作。文本继续闪烁一次然后消失。有什么建议吗？

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
<title>Pocket Game</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<!--link rel="stylesheet" type="text/css" href="home.css"-->
<script src="game.js"></script>
</head>

<body>
    <div id = "returnbox">
    <p id = "box"></p>
    </div>
    <br>
    <form>
    <table>
        <tr>
        <th>
        Possible Exits:
        </th>
        </tr>
        <tr>
        <td>
        <button class = "exit" id = "exit1" onclick="exit()">Exit1</button>
        <button class = "exit" id = "exit2" onclick="exit()">Exit2</button>
        </td>
        </tr>
    </table>
    </form>
</body>
</html>

这是我的js：

function exit()
{
    processCommand("Exit");
}

function processCommand(command)
{
    document.getElementById("box").innerHTML = command;
}

Answer 1

唯一需要的是＆＃39; type =＆＃34; button＆＃34;＆＃39;要添加到按钮的属性中，所以：

<button type = "button" class = "exit" id = "exit2" onclick="exit()">Exit2</button>

因为默认类型是form，所以它会在点击时重新加载页面。

无意中闪烁的JS文本

1 个答案: