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

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