const tables = document.querySelectorAll(".menu");
tables.forEach(table => {
let finalMenu = '<ul class="section-menu">'
const rows = table.querySelectorAll("tr")
rows.forEach(row => {
const linkSelector = row.querySelector("a")
const textSelector = row.querySelector("td:last-child")
if(linkSelector && textSelector) {
linkSelector.removeAttribute("accesskey")
const link = linkSelector.outerHTML;
const text = textSelector.innerText;
finalMenu += `<li>${link}<span>${text}</span></li>`
}
})
finalMenu += '</ul>';
table.outerHTML = finalMenu;
})
