Javascript 制作一个简单的问答系统

我知道有很多免费/付费的测验系统，但是没有一个是可定制的，特别是我需要RTL方向的

总之，我制作了一个简单的脚本：

你好


你好


再见


谢谢

____________________
是的，你是对的。。。


你错了


问题2：欢迎来到现实世界

1：如何隐藏所有错误答案而不必添加它们的ID（

getElementByClassName

不起作用）

2：不必为每个问题重新复制脚本，而是可以通过JavaScript完成，其中每种新形式：

a。

“correct\u btn”

显示

“correct\u note”

并隐藏所有其他按钮

b<代码>“错误注释”s显示一个

“错误注释”

，并隐藏所有其他按钮

c。

“correct\u btn”

和

“error\u btn”

s都将显示continue按钮

d<代码>“继续”按钮隐藏当前div/form并显示下一个div/form

这样做会更容易产生尽可能多的问题

---

非常感谢。

我建议查看HTML类系统。因为您可以将一个类分配给多个项。然后创建一个脚本，而不是调用

onclick

javascript事件

我知道您请求javascript，但您标记了JQuery，我觉得JQuery脚本可以更好地满足您的需求，我建议您这样做。使用Javascript执行此操作可能会变得非常冗长和复杂

HTML 如果你对此有任何疑问，请告诉我

要使脚本成为一个文档的本机脚本，需要设置以下内容才能使其正常工作：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
        //The script I have already provided should go here
   });
</script>

---

您应该使用

getElementsByClassName

而不是

getElementsByClassName

<代码>…元素…是复数形式。谢谢@JonathanM，我实际上使用了元素，打字错误仅在这个问题中，抱歉=d出于某种原因，它不起作用。这是head标记中的脚本

$（'.choice'）。on（'click'，function（）{var parent=$（this.parent（）.attr（'id'）；if（$（this.hasClass（'correct'））{$（'.choice'））.hide（）；var response=“#”+parent+“_Correct”；$（response.show（）；}如果（$（this.hasClass（'error'））{$（'choice'）。hide（）；var response=“#”+parent+“_error”；$（response.show（）；}）我做对了吗？作为一个注释。。。名称、类和id不应该以数字开头。@GaryHayes这实际上是我想到的第一件事，因为我知道它会导致HTML错误，但这不会给我带来错误，所以我采取了懒惰的方法。我会修好的。：）非常感谢，它很有效！（顺便说一句，在你的帖子中编辑重复的http ^ ^我的错，对不起）。。。。好的，还有一件事：我想添加一个计数器。无论何时单击正确/错误的选择，都会出现“下一步”按钮，该按钮执行以下操作：1。隐藏div=计数器2。计数器=计数器+1 3。显示div=计数器（新计数器值）4。隐藏自己…如果可以添加“上一个”按钮（counter=counter-1），那就太棒了@iJassar也不担心我的打字错误：P！如果这是正确的，请考虑把它标记为这样。如果你有一个柜台问题，考虑问一个关于它的问题。但是现在有很多方法可以做到这一点，这里有一篇很好的文章展示了如何制作一个简单的计数器：
<div id="Q1">Hello There<br/>
    <div class = "Q1 correct choice"><input type="button"/>Hi</div>
    <div class = "Q1 wrong choice"><input type="button"/>Bye</div>
    <div class = "Q1 wrong choice"><input type="button"/>Thanks</div>
</div>
<div id="Q1_Correct" style="display: none;">You are correct</div>
<div id="Q1_Wrong" style="display: none;">You are wrong</div>

$('.choice').on('click', function() {
    var parent = $(this).parent().attr('id');
    if($(this).hasClass('correct')){
        $('.choice').hide();
        var response = "#" + parent + "_Correct";
        $(response).show();
    }
    if($(this).hasClass('wrong')){
        $('.choice').hide();
        var response = "#" + parent + "_Wrong";
        $(response).show();
    }
});

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
        //The script I have already provided should go here
   });
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript" src="quizWorker.js"></script>