Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Form Result</title>
</head>
<body>
  <h1>Form Result</h1>
  <table id="resultTable">
    <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Age</th>
      <th>Job Profile</th>
      <th>Skills</th>
      <th>Experience</th>
    </tr>
  </table>

  <script src="script.js"></script>
  <script>
    // Display collected data in the result table
    var resultTable = document.getElementById("resultTable");
    
    var newRow = resultTable.insertRow();
    var nameCell = newRow.insertCell();
    nameCell.innerText = "Name";
    var emailCell = newRow.insertCell();
    emailCell.innerText = "Email";
    var ageCell = newRow.insertCell();
    ageCell.innerText = "Age";
    var jobProfileCell = newRow.insertCell();
    jobProfileCell.innerText = "Job Profile";
    var skillsCell = newRow.insertCell();
    skillsCell.innerText = "Skills";
    var experienceCell = newRow.insertCell();
    experienceCell.innerText = "Experience";

    newRow = resultTable.insertRow();
    var nameValueCell = newRow.insertCell();
    nameValueCell.innerText = nameValue;
    var emailValueCell = newRow.insertCell();
    emailValueCell.innerText = emailValue;
    var ageValueCell = newRow.insertCell();
    ageValueCell.innerText = ageValue;
    var jobProfileValueCell = newRow.insertCell();
    jobProfileValueCell.innerText = jobProfileValue;
    var skillsValueCell = newRow.insertCell();
    skillsValueCell.innerText = skillsValue.join(", ");
    var experienceValueCell = newRow.insertCell();
    experienceValueCell.innerText = experienceValue;
  </script>
</body>
</html>
Editor is loading...