我有5个问题。当我单击next按钮时，我希望下一个问题显示在h2元素中
当您单击"next"按钮时，可以通过以下方式将下一个问题显示在h2元素中：
首先，您可以在HTML文件中为问题和按钮创建相应的元素，如下所示：
<!DOCTYPE html>
<html>
<head>
<title>云计算问答</title>
</head>
<body>
<h2 id="question">问题 1</h2>
<button onclick="showNextQuestion()">Next</button>
<script>
function showNextQuestion() {
// 在这里编写您的代码以显示下一个问题
}
</script>
</body>
</html>接下来，您需要在JavaScript函数showNextQuestion()中实现逻辑来显示下一个问题。您可以使用一个问题数组来存储所有的问题，并使用一个变量来跟踪当前显示的问题索引。每次点击"Next"按钮时，您可以增加索引以显示下一个问题。如果已经到达最后一个问题，则可以将索引重置为0以重新开始。
以下是一个示例实现：
<script>
var questions = ["问题 1", "问题 2", "问题 3", "问题 4", "问题 5"];
var currentQuestionIndex = 0;
function showNextQuestion() {
currentQuestionIndex++;
if (currentQuestionIndex === questions.length) {
currentQuestionIndex = 0; // 重置索引以重新开始
}
var questionElement = document.getElementById("question");
questionElement.innerText = questions[currentQuestionIndex];
}
</script>通过上述代码，每次点击"Next"按钮时，showNextQuestion()函数会自动更新h2元素中的文本，显示下一个问题。当到达最后一个问题后，再次点击将重新开始显示第一个问题。
请注意，上述代码只是一个示例，您可以根据实际需求进行修改和扩展。
相关·内容
问题是，当我单击next按钮时，它会转到最后一个问题。我希望当点击按钮时，循环逐一检查所有问题。 var showquestion = document.querySelector('.content h2');
var nextbtn = document.getElementById('nextam the s
浏览 18提问于2020-07-24得票数 0
1回答
我有一个简单的测验应用程序，我想添加一个功能，以自动带来下一个问题。
从现在起，在人们选择答案后，他们必须单击“下一步”才能看到下一个问题。我希望在选择答案时触发Next按钮上的单击事件。请记住，所有问题都已加载并硬编码到html中，但样式为显示:无；因此，
浏览 2提问于2014-04-21得票数 0
2回答
我想要5个<p>标签，当点击时，显示下面的<div>。我可以在命名每个<p>和每个<div>时使用不同的名称，但这会导致大量的jQuery。所以，目前我有：<div class="panel">
<p>Example Panel</
浏览 1提问于2013-03-07得票数 2
回答已采纳
1回答
级别选择页面
、、、
我正试着创建一个打字游戏。在许多应用程序中，您都知道这一点，其中有一个级别选择，并且有几个页面。是的，我正试着这么做。每次我选择要移动到级别选择的下一页的按钮时，它会指向最后一页，然后开始执行某种递归。帮助!这是代码，请随意将其粘贴到您的计算机上，看看有什么问题。(我知道现在很乱，主要的问题就在行内的部分)谢谢！action = "main")
button("Quit&
浏览 2提问于2015-07-31得票数 0
我想知道是否有人可以帮助我使用jquery.I的scrollTo插件来解决这个滚动问题。我希望能够用一个click...in一次滚动一个h2元素，我的脚本可以用一个click..Help me滚动所有的h2元素，请各位！！$(document).ready(function(){
$("#container h2&quo
浏览 0提问于2010-06-19得票数 0
回答已采纳
1回答
好的，我检查过这个线程：
并试图解除/重新绑定所描述的事件，但没有效果。我基本上有一个滑块图库，有一个next/prev按钮。我希望防止在动画的持续时间内单击next按钮。prev = $("#portfolio_nav_prev")；next = $("#portfolio_nav_next")；函数
浏览 3提问于2009-10-16得票数 1
回答已采纳
1回答
动态测试-支持
、、、、
我看到了这个，我一直在尝试修改它，以便可以按照下面的方式运行因此，基本上，用户将通过点击按钮开始测试，一旦用户回答了问题，用户就会看到每个问题的正确答案；一旦所有的问题都得到答案，用户就会在测试结束时看到他的结果。
需要能够在用户提交答案之后，在显示下一个问题之前，
浏览 3提问于2016-06-05得票数 1
2回答
我有一个API，其中的数据结构如下： "questions" | "Option 2": "South America"}
我想一次显示一个问题<
浏览 3提问于2022-11-03得票数 0
1回答
</ul>单击“艺术家”时，网站将只显示所有带有<li> +标记的class="artist"元素，将“艺术家”按钮颜色更改为“红色”。当您在上面单击</e
浏览 3提问于2020-01-25得票数 0
回答已采纳
2回答
下面是我正在研究的示例代码。当浏览ENTER按钮表单时，submit调用“Cancel”操作，尽管它的选项卡索引在“Next”按钮之后。Field01 <TAB> Field02 <TAB> Field03 <TAB> >>>>> Nextbutton is foc
浏览 3提问于2010-12-06得票数 0
回答已采纳
3回答
我有一个提问网站，它有大约30个问题，这个网站是这样的，在time.You上显示一个问题，只有当你按下next按钮时才会进入下一个问题。我遇到了一个问题，当我单击next按钮时，表单会自动将表单提交给php_script，然后将数据提交到数据库，
下面是jquery文件，它将
浏览 3提问于2017-05-01得票数 0
回答已采纳
2回答
是否可以在页面上有一个按钮，例如，名为" next "，单击该按钮将焦点放在表单中的下一个输入字段上。所以，例如，我有；document.getElementById("td").focus();当单击next按钮时，将焦点放在表中的第一个td元素<
浏览 1提问于2014-10-08得票数 0
回答已采纳
希望你有一个美好的一天:) 我目前正在开发一个插件。我想循环浏览所有的文章:点击=>打开一个弹出式窗口，当弹出式窗口关闭时=> show this content ...我的代码只适用于第一篇文章。抱歉，如果这对你来说是微不足道的，如果你有链接或教程可以建议我，我很感兴趣:) 谢谢！
浏览 16提问于2020-12-21得票数 0
回答已采纳
我有一个三个文本框，下一个和前置按钮。
当我单击next时，有关AUTOGENERATED ID的下一个值应该是fetch，当我单击以前的时候，prevoius值应该是获取的。假设我将当前记录显示为2，单击next 3应显示，而单击前1则应显示。但我的问题是
浏览 2提问于2012-09-25得票数 0
回答已采纳
1回答
早上好,
我有一份带有prev的项目清单。下一个按钮。当用户处于列表的开头时，prev按钮将被禁用。单击next将它们带到下一条记录，我的单击处理程序将prev按钮设置为true。然而，在模拟器中，它没有显示已启用的按钮。单击next将我移至第三条记录，处理程序再次设置已启用prev按
浏览 2提问于2012-11-16得票数 0
回答已采纳
嗨，jquery的朋友们，我有来自jqueryui.com/ datepicker /的jqueryui.com。现在，我想添加一些自定义功能到它。第一个问题是，如果我输入页面的源代码，我就看不到打印出来的jquery代码。只有当我检查元素(在opera中)时，我才能看到打印出来的html。我希望这不是个问题</em
浏览 6提问于2013-09-25得票数 2
回答已采纳
我有一个表单，其中包含4个accordions.Each折叠将有一些输入元素和一个下一步按钮。我将在更改每个输入元素时调用ajax来验证它，当单击next按钮时，我将检查是否所有输入元素都已验证并显示下一个accordion。因此，当有人更改输入字段并单击下一步按钮时，输入元素</em
浏览 0提问于2015-01-12得票数 0
1回答
当我单击一个箭头按钮时，一个窗口滚动到下一个元素，但是当我向下滚动并单击一个随机元素时，它会首先返回到我之前单击的元素，或者，如果我没有单击，它会返回到第一个元素。jQuery：
var currentE
浏览 0提问于2012-08-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
