Question

所以我试图为我的一个朋友做这个小提问，想要从一个简单的是或否问题开始。如果她选择“是”，则会显示一条小详细消息。如果选择'不'，她会得到你的乐趣或类似的消息。我可以弄清楚如何隐藏消息，但是一旦按下某个按钮就会出现。有任何想法吗？这就是我到目前为止所拥有的。我只是JS的新手

        <!-- insert clickable box here -->

    <p id="q1">Want to play a game?</p>
    <br>
    <button type="button1" onclick="buttonYes()">Yes</button>
    <button type="button2" onclick="buttonNo()">No</button>

    <script type="text/javascript">
        function buttonYes() {
            document.getElementById("yes").innerHTML = msg;
        }
    </script>

    <p id="yes" style="display: none;">random words</p>

    <p id="none" style="display: none;">no words</p>

    <!-- if yes, show detailed message -->

    <!-- if no, show thanks for playing -->


    <!-- if yes, followed by detailed message, insert question #2 here -->

    <!-- if yes to question #2, give instructions on what to do -->

    <!-- if no to question #2, order soda, game ends -->

如果我至少可以弄清楚第一部分，我可以轻松完成剩下的工作。提前谢谢！

Answer 1

document.getElementById("yes").style.display = "block";

这将是快速回答。我建议查看here以获取更多信息。

Answer 2

您可以稍微更改一下html结构，只需一小部分javascript代码即可构建整个逻辑。

我为你做了一个小提琴：fiddle

它的工作原理如下：所有问题都包含在容器中。所有问题都不可见（CSS），除了第一个（CSS）。

现在看看js代码：它选择所有按钮并为其分配一个点击处理程序。如果按下按钮，则会阻止表单提交。接下来它会读出问题ID（也可以使用actualQuestion。就像你想要的那样）。在下一行中，它会显示用户是否单击是或否，并显示相应按钮单击的详细信息。

现在它选择“是点击”的所有详细信息。如果显示并单击该用户，则显示下一个问题（对于实际问题，显示=“无”，对于下一个问题，显示=“阻止”）。如果它是点击“无”按钮的详细信息，则不会发生任何事情。

创建一个简单的问讯者，选择你自己的冒险，仅限文本

2 个答案: