Javascript HTML-单击按钮时替换值

我试着做一个测验，每次显示一个问题，在“提交答案”按钮上单击，该按钮验证答案（正确或错误），并用新的问题替换上一个问题。 我想知道的是；如何替换单击按钮时的问题

以下是我的代码片段：

                    <div id="quiz" style="display:none;">
                        <div class="row">
                            <div class="col-md-12">
                                <h1>Quiz</h1>
                                <p id="question">Question 01 : this is where the queston will go</p>
                                <form name="feedback">
                                    <input type="radio" name="opt" id="opt_1"> ans 1 <br>
                                    <input type="radio" name="opt" id="opt_2"> ans 2 <br>
                                    <input type="radio" name="opt" id="opt_3"> ans 3 <br>

                                    <p><span id="err" style="display: none;color: red;">Select an option</span></p>
                                    <button id="submit_btn" value="Submit" onClick="submit()"></button>
                                </form>
                                <br>
                            </div>
                        </div>

测验
问题01：这就是奎斯顿号的目的地
ans 1

ans 2

ans 3

选择一个选项

我尝试过使用if语句，但它不起作用。我非常感谢您的帮助，因为我对html和js的了解非常基础。

---

提前谢谢你

您的代码应该是这样的：

var问题=[“问题1”、“问题2”、“问题3]//包含所有问题的数组。确保包含已显示的问题
变量可能的答案=[
[“答复1”、“答复2”、“答复3”]，
[“答复1”、“答复2”、“答复3”]
]; //包含每个问题答案的数组。确保答案与问题的顺序相同
var-currentQuestion=0；
var问题=$（“#问题”）；
var answers=$（“.answer”）；
var按钮=$（“提交”按钮）；
var buttonAction=函数（）{
当前问题++；
问题文本（问题[当前问题]）；
对于（变量i=0；i

测验
问题01：这就是奎斯顿号的目的地
ans 1

ans 2

ans 3

选择一个选项



您可以用以下内容替换内容：

function replace(){

var obj = document.getElementById("question");
obj.innerHTML="the_next_question";

}

如果需要通过类名获取元素，可以使用：

document.getElementsByClassName("question")[0];

到底是什么不起作用？onclick事件？submit（）函数？submit（）函数到底在哪里？我想我忘了在这里包含这个函数。但唯一有效的是验证。我想在“提交”按钮上用新的“问题”替换“问题”，并将单选按钮值更改为相应问题的答案选项。是否有任何服务器端功能，或者只是javascript+html？如果粘贴submit（）函数，将有助于更好地理解您的问题js@BzeQ我很高兴这有帮助