下一个和上一个按钮javascript
我想在用户单击“下一步”或“上一步”按钮且其已位于数组的第一个或最后一个元素时获得警报下一个和上一个按钮javascript,javascript,Javascript,我想在用户单击“下一步”或“上一步”按钮且其已位于数组的第一个或最后一个元素时获得警报 function myFunction() { document.getElementById("f").value = person[arr].fname; document.getElementById("l").value = person[arr].lname; document.getElementById("a").value = person[arr].age;
function myFunction() {
document.getElementById("f").value = person[arr].fname;
document.getElementById("l").value = person[arr].lname;
document.getElementById("a").value = person[arr].age;
document.getElementById("s").value = person[arr].salary;
}
document.getElementById("prevbtn").addEventListener("click", myFunctionPrev);
document.getElementById("nxtbtn").addEventListener("click", myFunctionNext);
function myFunctionPrev() {
if (arr > 0) {
arr -= 1;
}
myFunction();
}
function myFunctionNext() {
if (arr < 3) {
arr += 1;
}
myFunction();
}
函数myFunction(){
document.getElementById(“f”).value=person[arr].fname;
document.getElementById(“l”).value=person[arr].lname;
document.getElementById(“a”).value=person[arr]。年龄;
document.getElementById(“s”).value=person[arr]。工资;
}
document.getElementById(“prevbtn”).addEventListener(“单击”,myFunctionPrev);
document.getElementById(“nxtbtn”).addEventListener(“单击”,myFunctionNext);
函数myFunctionPrev(){
如果(arr>0){
arr-=1;
}
myFunction();
}
函数myFunctionNext(){
如果(arr<3){
arr+=1;
}
myFunction();
}
通过“获取警报”我不知道您的确切期望,但是一种很好的方法可以提醒无法跨越限制的用户,即禁用按钮
这里有一个例子
var-person=[{
fname:“1”,
名称:“1”,
年龄:"1岁",,
薪金:“1”
}, {
fname:“2”,
名称:“2”,
年龄:"2岁",
薪金:“2”
},
{
fname:“3”,
名称:“3”,
年龄:"3岁",,
工资:“3”
}];
var指数=0;
document.getElementById(“prevbtn”).addEventListener(“单击”,myFunctionPrev);
document.getElementById(“nxtbtn”).addEventListener(“单击”,myFunctionNext);
myFunction();
函数myFunction(){
document.getElementById(“f”).innerHTML=person[index].fname;
document.getElementById(“l”).innerHTML=person[index].lname;
document.getElementById(“a”).innerHTML=person[index].age;
document.getElementById(“s”).innerHTML=person[index]。工资;
checkButtonStatus();
}
函数checkButtonStatus(){
document.getElementById(“prevbtn”).disabled=index=person.length-1;
}
函数myFunctionPrev(){
如果(索引>0){
指数-=1;
}
myFunction();
}
函数myFunctionNext(){
if(指数<人长){
指数+=1;
}
myFunction();
}
上
下一个
第一个是arr==0
最后一个是arr==person.length-1
或者您硬编码的值arr==3