const nav = document.querySelector("nav");

	const menu_items=
    [
		"Raspberry Pi Setup", "/raspberrypi/setup/gettingstarted.html",
		"Set Up a Rapsberry Pi as a GitServer", "/raspberrypi/gitserver/gitserver.html",
		"Set Up a Rapsberry Pi with GOGS", "/raspberrypi/gogs/gogs.html",
		"Set Up My Web Server", "/raspberrypi/webserver/webserver.html",
		"Common Raspberry Pi Tasks", "/raspberrypi/common_tasks/common_tasks.html",
		"Maintenance", "/raspberrypi/maintenance/maintenance.html",
		"Media Server", "/raspberrypi/mediaserver/setup.html",
		"Raspberry Pi", "/raspberrypi/raspberrypi.html",
		"Home", "/index.html"
	];

	const newButtonGroup = document.createElement("div")
	newButtonGroup.classList.add("btngroup")
	for (let index=0; index < menu_items.length; index=index+2) {
		let button=menu_items[index];
		let url="window.location.href='" + menu_items[index+1] + "'"
		let buttonItem = document.createElement("button")
		buttonItem.classList.add("button")
		buttonItem.setAttribute("onclick", url)
		buttonItem.innerHTML = `
			${button}
		`
	
		newButtonGroup.append(buttonItem)
	}
    console.log(newButtonGroup);

console.log(newButtonGroup);
nav.append(newButtonGroup);