You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
736 B
JavaScript
21 lines
736 B
JavaScript
3 years ago
|
const showInfo = document.getElementById("show-info");
|
||
|
|
const infoPanel = document.getElementById("info-panel");
|
||
|
|
|
||
|
|
showInfo.addEventListener("click", (e) => {
|
||
|
|
infoPanel.classList.add("active");
|
||
|
|
infoPanel.querySelector(".close").addEventListener("click", (e) => {
|
||
|
|
infoPanel.classList.remove("active");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
const showTranscription = document.getElementById("show-transcription");
|
||
|
|
// declared previously in labels.js
|
||
|
|
// const transcriptionPanel = document.getElementById("transcription-panel");
|
||
|
|
|
||
|
|
showTranscription.addEventListener("click", (e) => {
|
||
|
|
transcriptionPanel.classList.add("active");
|
||
|
|
transcriptionPanel.querySelector(".close").addEventListener("click", (e) => {
|
||
|
|
transcriptionPanel.classList.remove("active");
|
||
|
|
});
|
||
|
|
});
|