Skip to content

hilmanski/highlight-kpu-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 

Repository files navigation

Untuk yang lagi mengawasi website resmi pemilu2019 bisa melihat secara visual pasangan mana yang menang per daerah

[Update] menampilkan data kemenangan per daerah di atas table

Caranya, buka website https://pemilu2019.kpu.go.id/#/ppwp/hitung-suara/:

  1. Klik kanan
  2. Pilih Inspect
  3. Tab console
  4. Paste kode dibawah, di bawah tab consolenya
for(var allRows=document.getElementsByTagName("tr"),paslon1=[],paslon2=[],i=1;i<allRows.length;i++)cell=allRows[i].cells,parseInt(cell[1].innerHTML.replace(/\./g,""))>parseInt(cell[2].innerHTML.replace(/\./g,""))?(highlightCell(cell[1]),paslon1.push(cell[0].firstChild.innerHTML)):(highlightCell(cell[2]),paslon2.push(cell[0].firstChild.innerHTML));function highlightCell(e){e.style.backgroundColor="#0766A9",e.style.color="white"}function showList(e,l){var n=document.createElement("P"),a=document.createTextNode(e+" menang di "+l.length+" daerah -> "+l.join(","));n.appendChild(a);var t=document.getElementsByClassName("data-table")[0];t.insertBefore(n,t.childNodes[0])}showList("Prabowo-Sandi : ",paslon2),showList("Jokowi-Ma'ruf : ",paslon1);

Pasangan yang menang akan terhighlight warna biru (Per daerahnya, bukan nama)

Contoh gambar

contoh screenshot

Buat yang mau ngelihat kodenya (versi mudah dibaca)

var allRows = document.getElementsByTagName("tr")    
var paslon1 = [], paslon2 = []
for(var i=1; i<allRows.length; i++) { 
    cell = allRows[i].cells
    if(parseInt(cell[1].innerHTML.replace(/\./g, "")) > parseInt(cell[2].innerHTML.replace(/\./g, ""))) {
        highlightCell(cell[1])
        paslon1.push(cell[0].firstChild.innerHTML)
    } else {
        highlightCell(cell[2])
        paslon2.push(cell[0].firstChild.innerHTML)
    }    
}

function highlightCell(cell) {
    cell.style.backgroundColor = "#0766A9"
    cell.style.color = "white"
}

showList("Prabowo-Sandi : ", paslon2)
showList("Jokowi-Ma'ruf : ", paslon1)

function showList(names, list) {
    var newItem  = document.createElement("P");
    var textnode = document.createTextNode(names + " menang di " + list.length + " daerah -> " + list.join(","));
    newItem.appendChild(textnode); 

    var table = document.getElementsByClassName('data-table')[0]
    table.insertBefore(newItem, table.childNodes[0])
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published