https://its-my.link/assets/js/plugins/form-wizard.js

1(function () {
2    "use strict";
3    /*---------------------------------------------------------------------
4        Fieldset
5    -----------------------------------------------------------------------*/
6    
7    let currentTab =0;
8    const ActiveTab=(n)=>{
9        if(n==0){
10            document.getElementById("account").classList.add("active");
11            document.getElementById("account").classList.remove("done");
12            document.getElementById("personal").classList.remove("done");
13            document.getElementById("personal").classList.remove("active");
14        }
15        if(n==1){
16            document.getElementById("account").classList.add("done");
17            document.getElementById("personal").classList.add("active");
18            document.getElementById("personal").classList.remove("done");
19            document.getElementById("payment").classList.remove("active");
20            document.getElementById("payment").classList.remove("done");
21            document.getElementById("confirm").classList.remove("done");
22            document.getElementById("confirm").classList.remove("active");
23
24        }
25        if(n==2){
26            document.getElementById("account").classList.add("done");
27            document.getElementById("personal").classList.add("done");
28            document.getElementById("payment").classList.add("active");
29            document.getElementById("payment").classList.remove("done");
30            document.getElementById("confirm").classList.remove("done");
31            document.getElementById("confirm").classList.remove("active");
32        }
33        if(n==3){
34            document.getElementById("account").classList.add("done");
35            document.getElementById("personal").classList.add("done");
36            document.getElementById("payment").classList.add("done");
37            document.getElementById("confirm").classList.add("active");
38            document.getElementById("confirm").classList.remove("done");
39        }
40    } 
41    const showTab=(n)=>{
42        var x = document.getElementsByTagName("fieldset");
43        x[n].style.display = "block";
44        console.log(n);
45        ActiveTab(n);
46       
47    }
48    const nextBtnFunction= (n) => {
49        var x = document.getElementsByTagName("fieldset");
50        x[currentTab].style.display = "none";
51        currentTab = currentTab + n;
52        showTab(currentTab);
53    }
54    
55    const nextbtn= document.querySelectorAll('.next')
56    Array.from(nextbtn, (nbtn) => {
57    nbtn.addEventListener('click',function()
58    {
59        nextBtnFunction(1);
60    })
61});
62
63// previousbutton
64
65const prebtn= document.querySelectorAll('.previous')
66    Array.from(prebtn, (pbtn) => {
67    pbtn.addEventListener('click',function()
68    {
69        nextBtnFunction(-1);
70    })
71});
72    
73})()