UserForm/script.js at main · MussabPro/UserForm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
gender = () => {
  let gender = document.getElementById("Gender").value;
  if (gender == "Other") {
    document.getElementsByClassName("Other")[0].innerHTML =
      '<input type="text" id="Other"/>';
  } else {
    document.getElementsByClassName("Other")[0].innerHTML =
      '<input type="text" id="Other" disabled/>';
  }
};
Add = (Name, FName, Gender) => {
  let tableRow = document.getElementsByTagName("tbody")[1];
  let row = tableRow.insertRow(0);
  let cell1 = row.insertCell(0);
  let cell2 = row.insertCell(1);
  let cell3 = row.insertCell(2);
  cell1.innerHTML = Name;
  cell2.innerHTML = FName;
  cell3.innerHTML = Gender;
};
Submit = () => {
  let Name = document.getElementById("name").value;
  let FName = document.getElementById("Fname").value;
  let Gender = document.getElementById("Gender").value;
  if (Gender == "Other") {
    var Gender1 = document.getElementById("Other").value;
  } else {
    var Gender1 = document.getElementById("Gender").value;
  }

  if (Name == "" || FName == "" || Gender1 == "Select") {
    alert("Name,Father Name Or Gender is Not added");
  } else {
    Add(Name, FName, Gender1);
    document.getElementById("name").value = "";
    document.getElementById("Fname").value = "";
    document.getElementById("Gender").value = "Select";
    document.getElementById("Other").value = "";
    gender();
  }
};