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");
}

});

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

el.classList.add('is-open');

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

console.log(textContents); // Logs an array of text contents from

elements

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

el.classList.add('is-open');

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

console.log(textContents);

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

el.classList.add('is-open');

const children = el.querySelectorAll('li');

const textContents = Array.from(children).map(child => child.textContent);

console.log(textContents);

document.addEventListener('DOMContentLoaded', function() {
const el = document.querySelector('.nav');
if (el) {
el.classList.add('is-open');
const children = Array.from(el.querySelectorAll('li'));
const textContents = children.map(child => child.textContent);
console.log(textContents);
} else {
console.error("Element with class 'nav' not found");
}
});