-
Notifications
You must be signed in to change notification settings - Fork 0
/
footprint.js
32 lines (28 loc) · 1.29 KB
/
footprint.js
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
// script.js
document.addEventListener('DOMContentLoaded', function() {
// Define an array of tips
const tipsData = [
"Avoid single-use plastics by using reusable alternatives.",
"Reduce food waste by planning meals and storing leftovers properly.",
"Use energy-efficient appliances and turn off lights when not in use.",
"Choose sustainable transportation options like walking, biking, or public transit.",
"Support local farmers and businesses to reduce carbon emissions from transportation."
];
// Function to display tips
function displayTips() {
const tipsContainer = document.getElementById('tipsList');
tipsContainer.innerHTML = ''; // Clear previous tips
tipsData.forEach((tip, index) => {
const tipElement = document.createElement('div');
tipElement.classList.add('tip');
tipElement.textContent = `${index + 1}. ${tip}`;
tipsContainer.appendChild(tipElement);
// Add event listener for click to toggle additional information
tipElement.addEventListener('click', () => {
tipElement.classList.toggle('expanded');
});
});
}
// Call the function to display tips
displayTips();
});