add checkbox in phd and mtech (#52)

* add checkbox in phd and mtech * some nice changes --------- Co-authored-by: yuvraj-rathod-1202 <rathodyuvraj12022007> Co-authored-by: Kishan-Ved <[email protected]>
Kishan-Ved · Oct 11, 2024 · 221a7d3 · 221a7d3
1 parent 7a683e3
commit 221a7d3
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 8 deletions.
diff --git a/resumegenerator.html b/resumegenerator.html
@@ -108,27 +108,30 @@ <h3>Personal Details</h3>
 
 
                                 <h3>Academic Details</h3>
-                                <label for="name" class="fw-bold my-2">PhD</label><br>
-                                (If you don't want to add this, leave the institute field blank. It won't be included in
-                                the LaTeX code, though it is seen as blank in the preview.)
+                                <label for="name" class="fw-bold my-2">PhD&nbsp;&nbsp;&nbsp;</label><input type="checkbox" id="phdCheckbox" style="accent-color: black;"></input><br>
+                                <div id="phdDiv">
+                                (If you don't want to add this, untick the checkbox above.)
                                 <input type="text" placeholder="Enter Institute name" class="form-control my-2"
                                     id="institutephdF">
                                 <input type="text" placeholder="Enter Specialization" class="form-control my-2"
                                     id="specializationphdF">
                                 <input type="text" placeholder="CPI/CGPA" class="form-control my-2" id="marksphdF">
                                 <input type="text" placeholder="Year of completion. Ex: 2018-2019"
                                     class="form-control my-2" id="yearphdF">
+                                </div>
 
-                                <label for="name" class="fw-bold my-2">M.Tech</label><br>
-                                (If you don't want to add this, leave the institute field blank. It won't be included in
-                                the LaTeX code, though it is seen as blank in the preview.)
+
+                                <label for="name" class="fw-bold my-2">M.Tech&nbsp;&nbsp;&nbsp;</label><input type="checkbox" id="mtechCheckbox" style="accent-color: black;"></input><br>
+                                <div id="mtechDiv">
+                                    (If you don't want to add this, untick the checkbox above.)
                                 <input type="text" placeholder="Enter Institute name" class="form-control my-2"
                                     id="institutemtechF">
                                 <input type="text" placeholder="Enter Specialization" class="form-control my-2"
                                     id="specializationmtechF">
                                 <input type="text" placeholder="CPI/CGPA" class="form-control my-2" id="marksmtechF">
                                 <input type="text" placeholder="Year of completion. Ex: 2018-2019"
                                     class="form-control my-2" id="yearmtechF">
+                                </div>
 
                                 <label for="name" class="fw-bold my-2">B.Tech</label>
                                 <input type="text" placeholder="Enter Institute Name" class="form-control my-2"
@@ -393,7 +396,7 @@ <h5 class="text-center my-2">A rough preview. Differs from the LaTeX output. <br
                                 </div>
                                 <hr class="my-0">
                             </div>
-                            <div class="row">
+                            <div class="row" id="phdDivR">
                                 <div class="col-2 p-0">
                                     <p class="text-sm lh-sm my-0">Ph.D</p>
                                 </div>
@@ -408,7 +411,7 @@ <h5 class="text-center my-2">A rough preview. Differs from the LaTeX output. <br
                                 </div>
                             </div>
 
-                            <div class="row">
+                            <div class="row" id="mtechDivR">
                                 <div class="col-2 p-0">
                                     <p class="text-sm lh-sm my-0">M.Tech</p>
                                 </div>

diff --git a/script.js b/script.js
@@ -7,6 +7,50 @@ let achievements = [];
 
 
 
+
+
+document.getElementById("phdDiv").classList.add("hidden");
+document.getElementById("phdDivR").classList.add("hidden");
+const phdCheckbox = document.getElementById("phdCheckbox");
+phdCheckbox.addEventListener("change", () => {
+  if(phdCheckbox.checked){
+    document.getElementById("phdDiv").classList.remove("hidden");
+    document.getElementById("institutephdF").value = "";
+    document.getElementById("specializationphdF").value = "";
+    document.getElementById("marksphdF").value = "";
+    document.getElementById("yearphdF").value = "";
+    document.getElementById("phdDivR").classList.remove("hidden");
+  }else{
+    document.getElementById("phdDiv").classList.add("hidden");
+    document.getElementById("institutephdF").value = "";
+    document.getElementById("specializationphdF").value = "";
+    document.getElementById("marksphdF").value = "";
+    document.getElementById("yearphdF").value = "";
+    document.getElementById("phdDivR").classList.add("hidden");
+  }
+})
+
+document.getElementById("mtechDiv").classList.add("hidden");
+document.getElementById("mtechDivR").classList.add("hidden");
+const mtechCheckbox = document.getElementById("mtechCheckbox");
+mtechCheckbox.addEventListener("change", () => {
+  if(mtechCheckbox.checked){
+    document.getElementById("mtechDiv").classList.remove("hidden");
+    document.getElementById("institutemtechF").value = "";
+    document.getElementById("specializationmtechF").value = "";
+    document.getElementById("marksmtechF").value = "";
+    document.getElementById("yearmtechF").value = "";
+    document.getElementById("mtechDivR").classList.remove("hidden");
+  }else{
+    document.getElementById("mtechDiv").classList.add("hidden");
+    document.getElementById("institutemtechF").value = "";
+    document.getElementById("specializationmtechF").value = "";
+    document.getElementById("marksmtechF").value = "";
+    document.getElementById("yearmtechF").value = "";
+    document.getElementById("mtechDivR").classList.add("hidden");
+  }
+})
+
 document.getElementById("userEnteredInternshipsLatex").innerHTML = "";
 // to show add this for project
 const internCheckBox = document.getElementById("internshipCheckBox");