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.5 KiB
50 lines
1.5 KiB
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); |
|
|
|
|