geir/startit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

testing added some links

Browse source
This commit is contained in:
Geir Okkenhaug Jerstad 2024-08-09 14:16:07 +02:00
parent 40be06c6e9
commit e3d486c0c4
2 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
intro_html/js.html
View file

@ -57,7 +57,6 @@
</div>
<h3>Bla opp og ned</h3>
<div style="display: flex;" id="numbersAndButtons">
</div>
<script>
showNumber1();
@ -76,27 +75,30 @@
}
function showNumber1() {
document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
<button onclick="showNumber4">◀</button>
<button onclick="showNumber4()">◀</button>
<div style="width: 40px; text-align: center;">1</div>
<button onclick="showNumber2">▶</button>
<button onclick="showNumber2()">▶</button>
`;
}
function showNumber2() {
document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
<button onclick="showNumber1">◀</button>
<button onclick="showNumber1()">◀</button>
<div style="width: 40px; text-align: center;">2</div>
<button onclick="showNumber3">▶</button>
<button onclick="showNumber3()">▶</button>
`;
}
function showNumber3() {
document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
<button onclick="showNumber2">◀</button>
<button onclick="showNumber2()">◀</button>
<div style="width: 40px; text-align: center;">3</div>
<button onclick="showNumber4">▶</button>
<button onclick="showNumber4()">▶</button>
`;
}
function showNumber4() {
document.getElementById('numbersAndButtons').innerHTML = /*HTML*/ `
<button onclick="showNumber3">◀</button>
<div style="width: 40px; text-align: center;">1</div>
<button onclick="showNumber1">▶</button>
<button onclick="showNumber3()">◀</button>
<div style="width: 40px; text-align: center;">4</div>
<button onclick="showNumber1()">▶</button>
`;
}
</script>