jaanvi/Multi-Step-Form_Task2
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update script.js

Browse source
This commit is contained in:
jaanvi 2024-12-26 09:25:16 +00:00
parent d858cfd6bd
commit 5625e0b9db
1 changed files with 41 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
script.js
View file

@ -1,47 +1,41 @@
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";
}
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
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";
}