48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
|
|
||
|
|
var form1= document.getElementById("form1");
|
||
|
|
var form2= document.getElementById("form2");
|
||
|
|
var form3= document.getElementById("form3");
|
||
|
|
var Next1= document.getElementById("Next1");
|
||
|
|
var Next2= document.getElementById("Next2");
|
||
|
|
var Back1= document.getElementById("Back1");
|
||
|
|
var Back2= document.getElementById("Back2");
|
||
|
|
|
||
|
|
var progress= document.getElementById("progress");
|
||
|
|
var clearFormBtn = document.getElementById('clearForm');
|
||
|
|
|
||
|
|
var formData = {
|
||
|
|
personalDetails:{},
|
||
|
|
professionalDetails:{},
|
||
|
|
}
|
||
|
|
//Display Review Section
|
||
|
|
function displayReviewSection(){
|
||
|
|
|
||
|
|
var reviewSection = document.getElementById('reviewSection');
|
||
|
|
reviewSection.innerHTML = `
|
||
|
|
<h`
|
||
|
|
}
|
||
|
|
Next1.onclick=function(){
|
||
|
|
form1.style.left = "-450px";
|
||
|
|
form2.style.left = "40px";
|
||
|
|
progress.style.width = "240px";
|
||
|
|
}
|
||
|
|
Back1.onclick=function(){
|
||
|
|
form1.style.left = "40px";
|
||
|
|
form2.style.left = "450px";
|
||
|
|
progress.style.width = "120px";
|
||
|
|
}
|
||
|
|
|
||
|
|
Next2.onclick=function(){
|
||
|
|
form2.style.left = "-450px";
|
||
|
|
form3.style.left = "40px";
|
||
|
|
progress.style.width = "360px";
|
||
|
|
}
|
||
|
|
|
||
|
|
Back2.onclick=function(){
|
||
|
|
form2.style.left = "40px";
|
||
|
|
form3.style.left = "450px";
|
||
|
|
progress.style.width = "240px";
|
||
|
|
}
|
||
|
|
|
||
|
|
|