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

const menu_items=
    [
		"Hiragana", "/japan/language/hiragana.html",
		"Homework", "/japan/language/homework/homework.html",
		"Complete Japanese Course", "/japan/language/udemy/section1.html",
		"Useful Phrases", "/japan/language/useful_phrases.html",
		"Japan", "/japan/japan.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);