main.js

// main.js
// --- 1. Core Variables & State ---
const userLocation = "Boulder, CO"; 
let visitCount = 0;

// --- 2. DOM Elements ---
const greetingEl = document.getElementById('greeting');
const counterEl = document.getElementById('visit-counter');
const actionBtn = document.getElementById('action-button');

// --- 3. Functions ---
function updateGreeting() {
    if (greetingEl) {
        greetingEl.textContent = `Welcome to the app in ${userLocation}!`;
    }
}

function incrementCounter() {
    visitCount++;
    if (counterEl) {
        counterEl.textContent = `Button clicked ${visitCount} times.`;
    }
}

// --- 4. Event Listeners & Initialization ---
function init() {
    updateGreeting();

    if (actionBtn) {
        actionBtn.addEventListener('click', incrementCounter);
    }
}

// Run setup when the page fully loads
document.addEventListener('DOMContentLoaded', init);