nav.js

let el = document.querySelector('.nav');

el.className += 'is-open';

const children = el.querySelectorAll('li');
const textContents = children.map(child => child.textContent);

console.log(textContents); // should log an array of strings

document.addEventListener('DOMContentLoaded', function() {
let el = document.querySelector('.nav');

if (el) {
    el.classList.add('is-open'); // Adding a class properly
    const children = Array.from(el.querySelectorAll('li')); // Convert NodeList to array
    const textContents = children.map(child => child.textContent);
    
    console.log(textContents); // Log an array of strings
} else {
    console.error("Element with class 'nav' not found");
}

});