dom-exercises/atomic-function-practice.html at master · Hanadage/dom-exercises · 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
57
58
59
60
61
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>JS Review Practice Sheet</title>
        <script
	    src="https://code.jquery.com/jquery-3.3.1.min.js"
	    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
	    crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chota@0.5.2/dist/chota.min.css">
        <link rel="stylesheet" href="style.css">
        <script src="./atomic-data.js"></script>
    </head>
    <body>
        <header id="page-header">
            <h1>Card Deck</h1>
        </header>
        <main id="page-main">
        </main>
        <footer id="page-footer">That's the end of the page</footer>

        <script>
         // purposely hard to read!  -- please ignore it
         function letsTag(a,c,b={}){output=`<${c} `;Object.keys(b).map((k,i)=>output+=`${k}="${b[k]}" `);output+=`>${a}</${c}>`;return output}

         function headMe (titleText) {
             let output ;
             return output;
         }
         function footMe () {
             let link ;
             return
         }

         function mainMe (blurb) {
             let p ;
             return
         }

         function cardMe (person) {
             let header ;
             let main ;
             let footer ;
             let card ;
             return card;
         }

         function makeAllTheCards (people) {
             let output = '';
             /* for () {
              *     output += ;
              * } */
             return $('main#page-main').something();
         }

         // makeAllTheCards(allEntries);
         // $('main#page-main').append(cardMe(sample));
        </script>

    </body>
</html>