codeup-web-exercises/parks.html at main · LeDukeOfZena/codeup-web-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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Parks</title>

</head>
<body>

Copy code
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>National Parks FAQ</title>
    <style>
        /* Add any additional styles here if needed */
    </style>
</head>
<body>
<h1>National Parks FAQ</h1>

<div id="national-parks-div">
    <h3 id="national-parks-heading">My Backyard National Park</h3>
    <ul id="national-parks">
        <li>There are fire-ants. A whole lot of fire-ants after the BBQ</li>
        <li>Also referred to as The Badlands</li>
        <li>How did I get in this unordered list? Quick! Call my fami.....</li>
        <li>Denali used to live there</li>
    </ul>
</div>

<div id="state-parks-div">
    <h3 id="state-parks-heading">State Park of New Texas</h3>
    <ul id="state-parks-texas">
        <li>Archibald Jupiter is the inventor of this park</li>
        <li>You should call your mom</li>
        <li>Carlsbad Caverns is a Carl's-BAD name for a caverns. Am I right?</li>
        <li>Denali. Flipper the Dolphin. Sandstorm</li>
    </ul>
</div>

<div id="state-parks-div">
    <h3 id="state-parks-heading">Artichoke State Sanctioned Park</h3>
    <ul id="state-parks-texas">
        <li>Abilene. ABILENE! YOU GET IN THIS HOUSE!!!</li>
        <li>Artichokes have been here before, I swear</li>
        <li>Go choke on a canyon</li>
        <li>I'm sorry about that last unordered list item. I was in a very dark place when I wrote that</li>
    </ul>
</div>

<!-- Add the button -->
<button id="changeBackgroundBtn">Change Background</button>

<script>
    // Event listener for h3 elements
    document.querySelectorAll('h3').forEach(function(h3) {
        h3.addEventListener('click', function() {
            // Access the ul element
            const ul = h3.nextElementSibling;

            // Get all the li elements
            const liElements = ul.children;

            // Loop through each li element and change fontWeight to "bold"
            for (let i = 0; i < liElements.length; i++) {
                liElements[i].style.fontWeight = 'bold';
            }
        });
    });

    // Event listener for li elements
    document.querySelectorAll('li').forEach(function(li) {
        li.addEventListener('click', function() {
            // Access the parent ul element
            const ul = li.parentElement;

            // Access the first li element in the parent ul
            const firstLi = ul.firstElementChild;

            // Change the font color of the first li to blue
            firstLi.style.color = 'blue';
        });
    });

    // Event listener for the button
    document.getElementById('changeBackgroundBtn').addEventListener('click', function() {
        // Get all the last li elements within ul elements
        const lastLiElements = document.querySelectorAll('ul li:last-child');

        // Loop through each last li element and change background color
        lastLiElements.forEach(function(lastLi) {
            lastLi.style.backgroundColor = 'yellow';
        });
    });
</script>
</body>
</html>


<dl>
    <dt>How many people visit the national parks?</dt>
    <dd>Total recreation visitors to the national parks in 2018: 318,211,833.</dd>

    <dt>How old is the National Park System?</dt>
    <dd>The National Park Service was created by an act signed by President Woodrow Wilson on August 25, 1916.</dd>

    <dt>How many employees are in the National Park Service?</dt>
    <dd>Permanent, temporary, and seasonal employees: More than 20,000</dd>

    <dt>What is the origin of the National Park Service arrowhead?</dt>
    <dd>The arrowhead was authorized as the official National Park Service emblem by the Secretary of the Interior on July 20, 1951.</dd>

    <dt>How many areas are in the National Park System?</dt>
    <dd>The system includes 419 areas covering more than 85 million acres in every state, the District of Columbia, American Samoa, Guam, Puerto Rico, and the Virgin Islands.</dd>

    <dt>What is the largest national park site?</dt>
    <dd>Wrangell-St. Elias National Park and Preserve, AK, at 13.2 million acres.</dd>

    <dt>What is the National Park Service budget?</dt>
    <dd>Fiscal Year (FY) 2014 Enacted: $2.98 billion.</dd>

    <dt>Can I bring my pet to a national park?</dt>
    <dd>Some national parks welcome pets—in developed areas, on many trails and campgrounds, and in some lodging facilities.</dd>

    <dt>How do I apply for a job with the National Park Service?</dt>
    <dd>National Park Service jobs, including both permanent and seasonal positions, are listed on USAJOBs.</dd>

    <dt>What do I need to know about driving off road in national parks?</dt>
    <dd>Before you head out, check with the national parks that you intend to visit. In many national parks, off-road driving is illegal. Where off-road driving is allowed, the National Park Service regulates it.</dd>
</dl>

</body>
</html>