37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
// init highlight.js
|
|
hljs.initHighlightingOnLoad()
|
|
|
|
// Lesson code switcher logic
|
|
const modules = Array.from(document.getElementsByClassName('lesson-module-code'))
|
|
|
|
modules.forEach((module) => {
|
|
const triggers = Array.from(module.getElementsByClassName('lesson-module-code__trigger'))
|
|
const codes = Array.from(module.getElementsByClassName('lesson-module-code__code'))
|
|
|
|
const handleTriggerClick = (e) => {
|
|
const target = e.target.getAttribute('data-target')
|
|
|
|
// Mark correct trigger as active
|
|
triggers.forEach((trigger) => {
|
|
trigger.classList.remove('lesson-module-code__trigger--active')
|
|
})
|
|
e.target.classList.add('lesson-module-code__trigger--active')
|
|
|
|
// Show correct code fields
|
|
codes.forEach((code) => {
|
|
code.classList.remove('lesson-module-code__code--active')
|
|
if (code.id === target) {
|
|
code.classList.add('lesson-module-code__code--active')
|
|
}
|
|
})
|
|
}
|
|
|
|
// Attach click handler to triggers
|
|
triggers.forEach((trigger) => {
|
|
trigger.onclick = handleTriggerClick
|
|
})
|
|
})
|
|
})
|
|
|