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