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.
50 lines
1.4 KiB
50 lines
1.4 KiB
3 months ago
|
import { display_card } from './flashcards.js';
|
||
|
|
|
||
|
|
var card_number = "0";
|
||
|
|
|
||
|
|
const nav = document.querySelector("nav");
|
||
|
|
const buttons = document.querySelector("buttons");
|
||
|
|
console.log("Card value: null");
|
||
|
|
const card = document.querySelector("card");
|
||
|
|
console.log("Card value:",card);
|
||
|
|
|
||
|
|
const menu_items=
|
||
|
|
[
|
||
|
|
"Language", "/hungary/language/language.html",
|
||
|
|
"Homework", "/hungary/language/homework/lesson1.html",
|
||
|
|
"Complete Hungarian Course", "/hungary/language/udemy/section1.html",
|
||
|
|
"Culture", "/hungary/culture/culture.html",
|
||
|
|
"Hungary", "/hungary/hungary.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);
|
||
|
|
|
||
|
|
let buttonH = document.createElement("button");
|
||
|
|
buttonH.setAttribute("onclick", display_card("000001"));
|
||
|
|
buttonH.innerHTML = `HUNGARIAN`;
|
||
|
|
|
||
|
|
let buttonE = document.createElement("button");
|
||
|
|
buttonE.setAttribute("onclick", display_card("000002"))
|
||
|
|
buttonE.innerHTML = `ENGLISH;`;
|
||
|
|
|
||
|
|
card.append(buttonH);
|
||
|
|
card.append(buttonE);
|
||
|
|
|
||
|
|
|