如何解决如何在HTML中添加条件按钮功能?
我是一个尝试制作渐进式网站的新手。我希望用户通过每个级别的7个测试,只有成功完成4/7个测试的用户才能被允许进入下一个级别(网页)。如何将4/7成功完成的条件检查添加到我的按钮上,从而将用户带到下一页?
解决方法
在CSS中将按钮的显示设置为无显示
#buttonToNextPage{
display : none;
}
在javascript中使用变量来跟踪用户已回答的测试次数。变量可以从1开始,一直到4
var testAnswered = 1;
每次用户回答新的测试时,您都可以通过触发功能将数字递增1。递增后,应在函数中检查值是否已达到4。如果是,则使用javascript显示按钮。该函数必须看起来像这样:
function newTestAnswered(){
testAnswered = testAnswered + 1;
if(testAnswered == 4){
document.querySelector('#buttonToNextPage').style.display = block;
}
}
希望这对您有所帮助☺
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。