function renderTrainer()

in code/client/static/js/main.js [71:119]
40 lines of code
2 McCabe index (conditional complexity)

function renderTrainer(trainer, i){
    let fieldset = document.createElement("fieldset")

    let nameInput = document.createElement("input")
    nameInput.id = "name_" + i;
    nameInput.type = "text"
    nameInput.value = trainer.name;
    nameInput.placeholder = "Name"

    let ageInput = document.createElement("input")
    ageInput.id = "age_" + i;
    ageInput.type = "number";
    ageInput.value = trainer.age;
    ageInput.placeholder = "Age";

    let cityInput = document.createElement("input")
    cityInput.id = "city_" + i;
    cityInput.type = "text"
    cityInput.value = trainer.city;
    cityInput.placeholder = "City";

    fieldset.appendChild(nameInput);
    fieldset.appendChild(ageInput);
    fieldset.appendChild(cityInput);
    
    if (i == 0){
        let createbtn = document.createElement("button")
        createbtn.innerHTML = `<span class="text">add</span><span class="material-symbols-outlined">add_circle</span>`
        createbtn.addEventListener("click", createHandler)
        fieldset.appendChild(createbtn);
        
    } else {

        let updatebtn = document.createElement("button")
        updatebtn.id="update_"+i;
        updatebtn.innerHTML = `<span class="text">update</span><span class="material-symbols-outlined">change_circle</span>`
        updatebtn.addEventListener("click", updateHandler)
        fieldset.appendChild(updatebtn);

        let deletebtn = document.createElement("button");
        deletebtn.id="delete_"+i;
        deletebtn.innerHTML = `<span class="text">delete</span><span class="material-symbols-outlined">delete</span>`
        deletebtn.classList.add("delete")
        deletebtn.addEventListener("click", deleteHandler)
        fieldset.appendChild(deletebtn);
    }   

    return fieldset;
}