diff --git a/README.md b/README.md index 06d7405..e69de29 100644 Binary files a/README.md and b/README.md differ diff --git a/bg.jpg b/bg.jpg new file mode 100644 index 0000000..b3ba830 Binary files /dev/null and b/bg.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1e567ec --- /dev/null +++ b/index.html @@ -0,0 +1,109 @@ + + + + + + + Multi Step Form + + + +
+
+

PERSONAL DETAILS

+ + + + + + + + + + + + + + + +
+ +
+ +
+ + +
+

PROFESSIONAL DETAILS

+ +
+ + + +
+ + +
+ + + + + + + + +
+ + + + + +
+ + +
+
+ +
+

Review & Submit

+
+ + + +
+ + +
+ + + + + +
+ +
+
+
Step 1
+
Step 2
+
Step 3
+
+ +
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..6dae970 --- /dev/null +++ b/script.js @@ -0,0 +1,47 @@ + +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 = ` +