litt oppdatering av landing-siden

This commit is contained in:
Geir Okkenhaug Jerstad 2024-08-23 10:18:23 +02:00
parent 9929d0349f
commit 9f2b5a393b
4 changed files with 21 additions and 7 deletions

3
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,3 @@
{
"livePreview.defaultPreviewPath": "/oppgaver/uke3/trafikklys.html"
}

View file

@ -22,10 +22,16 @@
<div id="heading">Linker skolearbeid:</div> <div id="heading">Linker skolearbeid:</div>
<ol> <ol>
<li><a href="https://geokkjer.github.io/startit/intro_html">Intro HTML CSS Javascript</a></li> <li><a href="https://geokkjer.github.io/startit/intro_html">Intro HTML CSS Javascript</a></li>
<div id="heading">Uke 1</div> <div id="heading">Uke 1/2</div>
<li><a href="https://geokkjer.github.io/startit/team/oppgave1/index2.html">Team-oppgave uke 1.5</a></li> <li><a href="https://geokkjer.github.io/startit/team/oppgave1/index2.html">Team-oppgave uke 1.5</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke1/visuell-teller.html">Visuell teller</a></li> <li><a href="https://geokkjer.github.io/startit/oppgaver/uke1/visuell-teller.html">Visuell teller</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke1/intro-oppgave.html">Introduksjon</a></li> <li><a href="https://geokkjer.github.io/startit/oppgaver/uke1/intro-oppgave.html">Introduksjon</a></li>
<div id="heading">Uke 3</div>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke3/bakgrunnsfarge.html">Bakgrunnsfarge</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke3/lyspære.html">Lyspære</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke3/stoppeklokke.html">Stoppeklokke</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke3/this.html">This</a></li>
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke3/krokkodille.html">Krokkodille</a></li>
</ol> </ol>

View file

@ -1,10 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title> <title>Document</title>
</head> </head>
<body> <body>
Poeng <span id="points"></span><br> Poeng <span id="points"></span><br>
<button onclick="addPoints()">Klikk her</button> <button onclick="addPoints()">Klikk her</button>
@ -13,19 +15,22 @@
<script> <script>
let points = 0; let points = 0;
let upgrades = 1; let upgrades = 1;
function addPoints(){ function addPoints() {
points += upgrades; points += upgrades;
document.getElementById('points').innerHTML = points; document.getElementById('points').innerHTML = points;
}; };
function upgrade(){ function upgrade() {
upgrades++; if (points >= 10) {
points -= 10; upgrades++;
document.getElementById('points').innerHTML = points; points -= 10;
document.getElementById('points').innerHTML = points;
}
} }
function reset(){ function reset() {
points = 0; points = 0;
upgrades = 1; upgrades = 1;
} }
</script> </script>
</body> </body>
</html> </html>

View file