index.js

function val() {
    let name = document.forms["enroll"]["name"].value;
    let email = document.forms["enroll"]["email"].value;
    let website = document.forms["enroll"]["website"].value;
    let image = document.forms["enroll"]["image"].value;
    if (name == "") {
        alert("Name must be filled");
        return false;
    }

    
    if (email == "") {
        alert("Email must be filled");
        return false;
    }

    
    if (website == "") {
        alert("Website must be filled");
        return false;
    }

    
    if (image == "") {
        alert("Image link must be filled");
        return false;
    }

    if (document.getElementById("male").checked == false && document.getElementById("female").checked == false) {
        alert("Gender must be specified");
        return false;
    }

    if(document.getElementById("html").checked == false && document.getElementById("css").checked == false && document.getElementById("java").checked == false) {
        alert("Skills must be specified");
        return false;
    }
    let gender = document.querySelector('input[name="gender"]:checked').value;

    var skill_str = ""

    if (document.getElementById("html").checked == true) {
        skill_str += "HTML, ";
    }

    if (document.getElementById("css").checked == true) {
        skill_str += "CSS, ";
    }
    if (document.getElementById("java").checked == true) {
        skill_str += "Java, ";
    }
    
    var t = document.getElementById("run");
    var row = t.insertRow(-1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "<b>"+ name + "</b>" + "<br>" + gender + "<br>" + email + "<br>" + "<u><blue>"+ website + "</blue></u>" + "<br>" + skill_str;
    
    var i = `<img src = "${image}" alt="profile" width="100" height = "100">`;
    cell2.innerHTML = i;
    return false;

    //http://clipart-library.com/data_images/6103.png
}