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

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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -19,7 +19,9 @@
<li><a href="https://geokkjer.github.io/startit/JS_freecodecamp">JS video freecodecamp</a><br/> <li><a href="https://geokkjer.github.io/startit/JS_freecodecamp">JS video freecodecamp</a><br/>
<a href="https://www.youtube.com/watch?v=Zi-Q0t4gMC8">Video link</a></li> <a href="https://www.youtube.com/watch?v=Zi-Q0t4gMC8">Video link</a></li>
<li><a href="https://geokkjer.github.io/startit/MDN">MDN</a></li> <li><a href="https://geokkjer.github.io/startit/MDN">MDN</a></li>
<li><a href="https://geokkjer.github.io/startit/the_good_parts">JavaScript: The good the_good_parts</a></li> <li><a href="https://geokkjer.github.io/startit/the_good_parts">JavaScript: The good the_good_parts</a></li>
<li><a href="https://geokkjer.github.io/startit/eloquentjavascript">Eloquent Javascript</a></li>
<a href="https://eloquentjavascript.net/">Book Link</a>
</ol> </ol>
</div> </div>

22
intro_html/js.html
View file

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