You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
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);
|
