-
-
Save lejonmanen/6f5d997bc03753e200054a7ea5fd8fcd to your computer and use it in GitHub Desktop.
Gott och blandat för grupparbete JavaScript grund
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| SVG är ett bildformat, som man kan skriva med HTML-syntax. Eftersom den består av HTML-element kan man välja ut de ingående delarna med hjälp av JavaScript. | |
| Exempel | |
| Filen innehåller: | |
| <path id="scaffold" ...> | |
| Skriv i JS: | |
| const part1 = document.querySelector('#scaffold') | |
| part1.classList.add('css-klass som gör elementet osynligt') | |
| ------------------------------ | |
| localStorage används för att spara information i webbläsaren, så att den behålls om man laddar om sidan. Men eftersom localStorage bara jobbar med STRÄNGAR måste vi har ett sätt att göra om OBJEKT till STRÄNGAR -> JSON. | |
| Exempel: | |
| const key = 'HANGMAN' | |
| let data = { | |
| highscores: [] | |
| } | |
| let latestScore = { name: 'David', score: 1337 } | |
| // lägg till poängen till highscore-listan | |
| data.highscores.push(latestScore) | |
| // omvandla hela kalaset till sträng | |
| let dataAsString = JSON.stringify(data) | |
| localStorage.setItem(key, dataAsString) | |
| // hämta datan från localStorage | |
| let dataAsString = localStorage.getItem(key) | |
| if( dataAsString ) { | |
| data = JSON.parse(dataAsString) | |
| } else { | |
| // skapa ett nytt tomt objekt om det inte fanns något i localStorage | |
| data = { highscores: [] } | |
| } | |
| ------------------------------ | |
| Använda Math.random | |
| let slumpat = Math.random() | |
| // slumpat värde är mellan 0 och 1 (inklusive 0, exklusive 1) | |
| slumpat = slumpat * 10 | |
| // nu är det mellan 0 och 10 (inklusive 0, exklusive 10) | |
| slumpat = Math.floor(slummpat) + 1 | |
| // nu är det ett heltal mellan 1 och 10 (inklusive) | |
| ------------------------------ | |
| Använd Date-funktionen för att spara tiden som en poäng sparas. Denna tid är i millisekunder sedan 1970-01-01 klockan 0:00. | |
| let scoreTime = (new Date).getTime() | |
| För att omvandla tiden tillbaka till något mänskligt läsbart: | |
| let readableDate = new Date(scoreTime).toLocaleDateString() | |
| let readableTime = new Date(scoreTime).toLocaleTimeString() | |
| Ni kan läsa mer om datum och tid här: https://javascript.info/date | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment