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

review assignment2 #3

Merged
sumitdml123 merged 8 commits from develop into main 2025-01-02 09:56:17 +00:00
Conversation 0 Commits 8 Files changed 5 +41 -47
1 changed files with 41 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 5625e0b9db - Show all commits

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";
}