JSopgaver/opgave13.html at master · sumikuart/JSopgaver · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<!DOCTYPE html>
<html lang="da">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css\common.css">
    <title>Opgave 13</title>
    <script src="javascript/opgave13.js"></script>
</head>

<body>


    <div id="wrapper">

        <h1 id="overskrift">Opgave 13: Array-øvelse 2</h1>
        <p>Bemærk array'et i script-tag i head!</p>

        <p id="foerste"></p>
        <div id="alle"></div>

        <input type="button" value="Klik her for at udskrive objekterne i arrayet" id="knap" />

        <div id="opgaven">

            <h4>Opgaven</h4>
            <p>Et array kan være mere kompliceret end det i opgaven før. Arrayet i opgaven her består af objekter - se link under afsnittet "Hjælp".</p>

            <ol>
                <li>Når man klikker på knappen -> </li>
                <li>... skal listens nr. 1 objekt (index = 0) have alle sine værdier (titel, instruktor, ekkoshortlist) udskrevet i #foerste</li>
                <li>... skal listen/arrayet loopes igennem og "titel" og "instruktor" for alle skal udskrives i #alle.</li>
                <li>Prøv evt. om du kan udskrive/loope vkrdierne ud i en html-liste ol eller ul og stil det lidt pænt op ...</li>
            </ol>

            <p id="help" class="b">Få hjælp fx her:</p>
            <ul>
                <li><a href="https://www.w3schools.com/js/js_object_definition.asp">JavaScript Objects</a></li>
                <li><a href="https://stackoverflow.com/a/48916461/5094873">How to loop through an array containing objects and access their properties</a></li>
                <li><a href="https://www.tutorialspoint.com/javascript/javascript_arrays_object.htm" target="_blank"></a></li>
                <li><a href="https://www.w3schools.com/js/js_arrays.asp" target="_blank">JavaScript Arrays (se fx afsnittet "Access the Elements of an Array")</a></li>
                <li><a href="https://www.w3schools.com/js/js_loop_for.asp" target="_blank">JavaScript For Loop</a></li>
                <li><a href="https://www.w3schools.com/js/js_array_iteration.asp" target="_blank">Lidt anderledes måder at loope et array ud på: JavaScript Array Iteration Methods</a></li>
                <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach" target="_blank">Array.prototype.forEach()</a></li>
            </ul>

        </div>

    </div>

</body>

</html>