function createVaccineElement(data) {
    
    const vaccineDataTable = document.getElementById("myTable");
    vaccineDataTable.className = 'table table-responsive table-bordered';
    var tbody = document.createElement("tbody");
    
    const stateRow = document.createElement('tr');    
    const statecell = document.createElement('td');
    
    const state = document.createElement('td');
    state.innerHTML = " name of state ";
    statecell.innerHTML = JSON.stringify(data.state);

    stateRow.appendChild(state);
    stateRow.appendChild(statecell);
    tbody.append(stateRow);

    const distRow = document.createElement('tr');    
    const distcell = document.createElement('td');
    
    const dist = document.createElement('td');
    dist.innerHTML = " Distributed vaccines ";
    distcell.innerHTML = JSON.stringify(data.actuals.vaccinesDistributed);
    
    distRow.appendChild(dist);
    distRow.appendChild(distcell);
    tbody.append(distRow);

    const initRow = document.createElement('tr');    
    const initcell = document.createElement('td');
    
    const init = document.createElement('td');
    init.innerHTML = " Vaccinations intitiated ";
    initcell.innerHTML = JSON.stringify(data.actuals.vaccinationsInitiated);
    
    initRow.appendChild(init);
    initRow.appendChild(initcell);
    tbody.append(initRow);

    const compRow = document.createElement('tr');    
    const compcell = document.createElement('td');
    
    const comp= document.createElement('td');
    comp.innerHTML = " Vaccinations completed ";
    compcell.innerHTML = JSON.stringify(data.actuals.vaccinationsCompleted);
    
    compRow.appendChild(comp);
    compRow.appendChild(compcell);
    tbody.append(compRow);
    vaccineDataTable.appendChild(tbody);

    const adminRow = document.createElement('tr');    
    const admincell = document.createElement('td');
    
    const admin = document.createElement('td');
    admin.innerHTML = " Total vaccines adminstered ";
    admincell.innerHTML = JSON.stringify(data.actuals.vaccinesAdministered);
    
    adminRow.appendChild(admin);
    adminRow.appendChild(admincell);
    tbody.append(adminRow);
    vaccineDataTable.appendChild(tbody);

    return vaccineDataTable;
}
/** Creates an element that represents a vaccinedata */
Creates an element that represents a vaccinedata
Creates an element that represents a vaccinedata
function createVaccineElement(data) {
    const vaccineDataTable = document.getElementById("myTable");
    vaccineDataTable.className = 'table table-responsive table-bordered';
    var tbody = document.createElement("tbody");
    const stateRow = document.createElement('tr');    
    const statecell = document.createElement('td');
    const state = document.createElement('td');
    state.innerHTML = " name of state ";
    statecell.innerHTML = JSON.stringify(data.state);
    stateRow.appendChild(state);
    stateRow.appendChild(statecell);
    tbody.append(stateRow);
    const distRow = document.createElement('tr');    
    const distcell = document.createElement('td');
    const dist = document.createElement('td');
    dist.innerHTML = " Distributed vaccines ";
    distcell.innerHTML = JSON.stringify(data.actuals.vaccinesDistributed);
    distRow.appendChild(dist);
    distRow.appendChild(distcell);
    tbody.append(distRow);
    const initRow = document.createElement('tr');    
    const initcell = document.createElement('td');
    const init = document.createElement('td');
    init.innerHTML = " Vaccinations intitiated ";
    initcell.innerHTML = JSON.stringify(data.actuals.vaccinationsInitiated);
    initRow.appendChild(init);
    initRow.appendChild(initcell);
    tbody.append(initRow);
    const compRow = document.createElement('tr');    
    const compcell = document.createElement('td');
    const comp= document.createElement('td');
    comp.innerHTML = " Vaccinations completed ";
    compcell.innerHTML = JSON.stringify(data.actuals.vaccinationsCompleted);
    compRow.appendChild(comp);
    compRow.appendChild(compcell);
    tbody.append(compRow);
    vaccineDataTable.appendChild(tbody);
    const adminRow = document.createElement('tr');    
    const admincell = document.createElement('td');
    const admin = document.createElement('td');
    admin.innerHTML = " Total vaccines adminstered ";
    admincell.innerHTML = JSON.stringify(data.actuals.vaccinesAdministered);
    adminRow.appendChild(admin);
    adminRow.appendChild(admincell);
    tbody.append(adminRow);
    vaccineDataTable.appendChild(tbody);
    return vaccineDataTable;
}
function createVaccineElement ( data ) { const vaccineDataTable = document . getElementById ( "myTable" ) ; vaccineDataTable . className = 'table table-responsive table-bordered' ; var tbody = document . createElement ( "tbody" ) ; const stateRow = document . createElement ( 'tr' ) ; const statecell = document . createElement ( 'td' ) ; const state = document . createElement ( 'td' ) ; state . innerHTML = " name of state " ; statecell . innerHTML = JSON . stringify ( data . state ) ; stateRow . appendChild ( state ) ; stateRow . appendChild ( statecell ) ; tbody . append ( stateRow ) ; const distRow = document . createElement ( 'tr' ) ; const distcell = document . createElement ( 'td' ) ; const dist = document . createElement ( 'td' ) ; dist . innerHTML = " Distributed vaccines " ; distcell . innerHTML = JSON . stringify ( data . actuals . vaccinesDistributed ) ; distRow . appendChild ( dist ) ; distRow . appendChild ( distcell ) ; tbody . append ( distRow ) ; const initRow = document . createElement ( 'tr' ) ; const initcell = document . createElement ( 'td' ) ; const init = document . createElement ( 'td' ) ; init . innerHTML = " Vaccinations intitiated " ; initcell . innerHTML = JSON . stringify ( data . actuals . vaccinationsInitiated ) ; initRow . appendChild ( init ) ; initRow . appendChild ( initcell ) ; tbody . append ( initRow ) ; const compRow = document . createElement ( 'tr' ) ; const compcell = document . createElement ( 'td' ) ; const comp = document . createElement ( 'td' ) ; comp . innerHTML = " Vaccinations completed " ; compcell . innerHTML = JSON . stringify ( data . actuals . vaccinationsCompleted ) ; compRow . appendChild ( comp ) ; compRow . appendChild ( compcell ) ; tbody . append ( compRow ) ; vaccineDataTable . appendChild ( tbody ) ; const adminRow = document . createElement ( 'tr' ) ; const admincell = document . createElement ( 'td' ) ; const admin = document . createElement ( 'td' ) ; admin . innerHTML = " Total vaccines adminstered " ; admincell . innerHTML = JSON . stringify ( data . actuals . vaccinesAdministered ) ; adminRow . appendChild ( admin ) ; adminRow . appendChild ( admincell ) ; tbody . append ( adminRow ) ; vaccineDataTable . appendChild ( tbody ) ; return vaccineDataTable ; }
Creates an element that represents a vaccinedata
Creates an element that represents a vaccinedata