Update hamels/index.html
This commit is contained in:
@@ -122,16 +122,16 @@ button:hover {
|
|||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
let stemmen = {
|
// Laad stemmen uit localStorage of initialiseer
|
||||||
like: 0,
|
let stemmen = JSON.parse(localStorage.getItem('stemmen')) || {like: 0, dislike: 0};
|
||||||
dislike: 0
|
|
||||||
};
|
|
||||||
|
|
||||||
function stem(keuze) {
|
function stem(keuze) {
|
||||||
stemmen[keuze]++;
|
stemmen[keuze]++;
|
||||||
|
localStorage.setItem('stemmen', JSON.stringify(stemmen)); // opslaan
|
||||||
updateGrafiek();
|
updateGrafiek();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Update de grafiek
|
||||||
function updateGrafiek() {
|
function updateGrafiek() {
|
||||||
let totaal = stemmen.like + stemmen.dislike;
|
let totaal = stemmen.like + stemmen.dislike;
|
||||||
let likeBar = document.getElementById("likeBar");
|
let likeBar = document.getElementById("likeBar");
|
||||||
@@ -147,6 +147,9 @@ function updateGrafiek() {
|
|||||||
dislikeBar.style.height = dislikeHeight + "px";
|
dislikeBar.style.height = dislikeHeight + "px";
|
||||||
dislikeBar.innerText = stemmen.dislike;
|
dislikeBar.innerText = stemmen.dislike;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Init grafiek bij laden
|
||||||
|
updateGrafiek();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user