Hej!
Har skapat ett quiz, och skriver ut en highscore lista som är en topp 5 lista.
Skriver ut den med li (punkterna) vilket jag ser nu är inte alls snyggt.
Kod:
function quizScore () {
highScore.sort(function (a, b) {
return a.tid - b.tid
})
highScore = highScore.slice(0, 5)
for (let i = 0; i < highScore.length; i++) {
let li = document.createElement('li')
li.className = 'HighScore list'
let values = highScore[i]
li.innerHTML = '<b>' + values.smeknamn + '</b>' + ' klarade quizet på ' + '<b>' + values.tid + '</b>' + ' sekunder'
topHighScore.appendChild(li)
document.getElementById('startombtn').hidden = false
}
}
detta är min kod.
Vill bygga om den till table med tr och td, blir finare och "rakare linjer" då.
men hur bygger man om det till en table istället.
Kod:
<div id="topHighScore">
<table id="table" border ="1" hidden>
<tr>
<td>Första cellen på första raden</td>
<td>Andra cellen på första raden</td>
</tr>
<tr>
<td>Första cellen på andra raden</td>
<td>Andra cellen på andra raden</td>
</tr>
<tr>
<td>Första cellen på tredje raden</td>
<td>Andra cellen på tredje raden</td>
</tr>
</table>
</div>
html koden.
Är rätt ny inom detta med så ni vet.
Ska jag köra på document.getelementbyid('table') för att hämta table, men hur skriver man ut values.smeknamn och values.tid i td sen?
