zongor
/
2024-election-results
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add table

This commit is contained in:
zongor 2024-11-05 12:50:05 -05:00
parent dc456207b7
commit ce65d04cdc
1 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
index.js
View File

@ -73,32 +73,41 @@
}
if (stateVotes.length > 0) {
let stateContainer = document.getElementById('state-container');
stateContainer.innerHTML = '';
stateVotes.forEach((row) => {
const card = document.createElement('div');
let stateContainer = document.getElementById('state-container');
stateContainer.innerHTML = '';
stateVotes.forEach((row) => {
const table = document.createElement('table');
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
const headers = [`${row.state}`, 'Party', `Votes Left: ${row.expected - row.current}`];
headers.forEach(header => {
const th = document.createElement('th');
th.textContent = header;
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
const stateInfo = document.createElement('div');
stateInfo.innerHTML = `
<h2>${row.state} (Votes Left: ${row.expected - row.current})</h2>
`;
card.appendChild(stateInfo);
const tbody = document.createElement('tbody');
row.candidates.sort((a, b) => b.votes - a.votes).forEach((candidate, index) => {
const rowElement = document.createElement('tr');
const candidateInfo = document.createElement('div');
candidateInfo.innerHTML = '<h3>Candidates:</h3>';
const candidatesList = document.createElement('ul');
const nameCell = document.createElement('td');
nameCell.textContent = candidate.name[0];
rowElement.appendChild(nameCell);
row.candidates.sort((a, b) => b.votes - a.votes).forEach(candidate => {
const listItem = document.createElement('li');
listItem.innerHTML = `
<span>${candidate.name[0]}</span> (${candidate.name[1]}) - ${candidate.votes} votes
`;
candidatesList.appendChild(listItem);
});
const partyCell = document.createElement('td');
partyCell.textContent = candidate.name[1];
rowElement.appendChild(partyCell);
candidateInfo.appendChild(candidatesList);
card.appendChild(candidateInfo);
stateContainer.appendChild(card);
const votesCell = document.createElement('td');
votesCell.textContent = candidate.votes;
rowElement.appendChild(votesCell);
tbody.appendChild(rowElement);
});
table.appendChild(tbody);
stateContainer.appendChild(table);
});
}
}