尝试使用JavaScript进行分页的新手

尝试使用JavaScript进行分页的新手,javascript,pagination,counter,Javascript,Pagination,Counter,尝试使此带有按钮的计数器根据单击次数增加或减少,但是在第一次单击时计数器不会增加。如果我做+1,它就会停止++只能在第一次单击后工作。尝试学习简单的方法来解决我的代码,这不是一个巨大的变化 您应该在计数器之前使用--/++,因为当您在之后使用递增/递减运算符时,该值将在它递增/递减之前返回 并且不需要声明3次相同的元素 最后将innerHTML更改为textContent(如果您想知道为什么要阅读该线程) 您的代码应该如下所示: var pageCount=1; var elPage=doc

尝试使此带有按钮的计数器根据单击次数增加或减少,但是在第一次单击时计数器不会增加。如果我做+1,它就会停止++只能在第一次单击后工作。尝试学习简单的方法来解决我的代码,这不是一个巨大的变化

您应该在计数器之前使用--/++,因为当您在之后使用递增/递减运算符时,该值将在它递增/递减之前返回

并且不需要声明3次相同的元素

最后将
innerHTML
更改为
textContent
(如果您想知道为什么要阅读该线程)

您的代码应该如下所示:

var pageCount=1;
var elPage=document.getElementById(“当前页面”);
elPage.textContent=页面计数;
//点击“获取下一步”按钮并添加连接功能
var elNext=document.getElementById(“nextButton”);
elNext.addEventListener(“单击”,下一页);
函数下一页(){
//var elPageIncrease=document.getElementById(“currentPage”);您的elPage已指向此元素
elPage.textContent=++pageCount;
}
var elPrev=document.getElementById(“prevButton”);
elPrev.addEventListener(“单击”,prevPage);
函数prevPage(){
//var elPageDecrease=document.getElementById(“currentPage”);您的elPage已指向此元素
elPage.textContent=--pageCount;
}

下一个
看看为什么它是++a而不是++。
var pageCount = 1;
var elPage = document.getElementById("currentPage");
elPage.innerHTML = pageCount; 

//Get next button and add connect function on click
var elNext = document.getElementById("nextButton");
elNext.addEventListener("click", nextPage);


function nextPage() {
    var elPageIncrease = document.getElementById("currentPage");
    elPageIncrease.innerHTML = pageCount++;
}


var elPrev = document.getElementById("prevButton");
elPrev.addEventListener("click", prevPage);

function prevPage() {
    var elPageDecrease = document.getElementById("currentPage");
    elPageDecrease.innerHTML = pageCount--;
}