commit 634f0bb07e7fadc7d4a7c8429d336260cafe155f parent 7ea09896d62638eb4a7e75c887e2939d6dbf19a3 Author: Kninteman <[email protected]> Date: Mon, 12 Jun 2023 14:53:50 +0200 Merge branch 'datatowebsite' of https://github.com/friedelschoen/iwa-panda into datatowebsite Diffstat:
| M | js/panda.js | 21 | +++++++++++++++------ |
| M | views/dashboard.html | 2 | +- |
2 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/js/panda.js b/js/panda.js @@ -10,12 +10,21 @@ fetch(`http://localhost:8080/api/${token}`) windchills.sort(jsonSorter('windchill')); let slicedArray = windchills.slice(0, 5); - let weatherList = document.getElementById('weather-list'); - slicedArray.forEach(item => { - let listItem = document.createElement('li'); - listItem.textContent = item['windchill'] + " degrees Celsius, Location: " + item['location']; - weatherList.appendChild(listItem); - }) + let weatherlist = document.querySelector('.table'); + for (i=0; i<5; i++) { + let newRow = weatherlist.insertRow() + let newCellRank = newRow.insertCell(); + let newTextRank = document.createTextNode(i+1 + '.'); + newCellRank.appendChild(newTextRank); + + let newCellZoo = newRow.insertCell(); + let newTextZoo = document.createTextNode(slicedArray[i].location); + newCellZoo.appendChild(newTextZoo); + + let newCellChill = newRow.insertCell(); + let newTextChill = document.createTextNode(slicedArray[i].windchill); + newCellChill.appendChild(newTextChill); + } }); function jsonSorter(key) { diff --git a/views/dashboard.html b/views/dashboard.html @@ -30,7 +30,7 @@ <div class="content-title"> <h2>Top 5 - Zoo's</h2> </div> - <ol id="weather-list"></ol> + <table class="table"></table> </div> </div>