displayList/index.html at master · Fishbite/displayList · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>displayList</title>
    <link rel="stylesheet" href=".\styles\main.css" />
  </head>
  <body style="background-color: darkslategray">
    <h1>Display List</h1>
    <p class="para">
      <i>An easy way to display data returned by a function</i>
    </p>
    <p class="para">
      This updated version of the `displayList` function is excellent! Now, with
      the additional parameters `prop1` and `prop2`, you can use the function
      with different objects and extract the specific properties you need to
      display
    </p>
    <p class="para">
      Overall, this implementation is clear and well-structured, making it easy
      to work with different datasets and display the results in the desired
      HTML container. If you have any questions or need assistance, feel free to
      ask. Happy coding!
    </p>

    <!-- Lists START -->

    <h2>Average Salaries:</h2>
    <div id="avgSalaries" class="list-container"></div>

    <h2>Product Categories Prices:</h2>
    <div id="productCats" class="list-container"></div>

    <h2>Student Scores:</h2>
    <div id="studentScores" class="list-container"></div>

    <!-- Lists END -->

    <footer>
      <i> ...taking the pressure out of building apps.</i></br>
      <i>&copy; fishbite 2023</i><a href="https://github.com/Fishbite/displayList" target="_blank">Repository</a><a href="https://github.com/Fishbite/displayList/archive/refs/heads/master.zip" target="_blank">ZIP file</a>

    </footer>

    <script src=".\displayList.js"></script>
  </body>
</html>