2020-01-05 00:54:40 +01:00
|
|
|
function openTab(evt) {
|
2020-01-23 23:42:33 +01:00
|
|
|
const tabName = evt.currentTarget.id;
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-23 23:42:33 +01:00
|
|
|
const tabcontent = document.getElementsByClassName("tabcontent");
|
|
|
|
|
for (let i = 0; i < tabcontent.length; i++) {
|
2020-01-09 21:03:06 +01:00
|
|
|
tabcontent[i].style.display = "none";
|
|
|
|
|
}
|
2020-01-23 23:42:33 +01:00
|
|
|
const tablinks = document.getElementsByClassName("tablinks");
|
|
|
|
|
for (let i = 0; i < tablinks.length; i++) {
|
2020-01-09 21:03:06 +01:00
|
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
|
|
|
}
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-23 23:42:33 +01:00
|
|
|
const el = document.getElementById(tabName + "Content");
|
2020-01-09 21:03:06 +01:00
|
|
|
el.style.display = "block";
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
evt.currentTarget.className += " active";
|
2020-01-05 00:54:40 +01:00
|
|
|
}
|
|
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
2020-01-23 23:42:33 +01:00
|
|
|
const tablinks = document.getElementsByClassName("tablinks");
|
|
|
|
|
for (let i = 0; i < tablinks.length; i++) {
|
2020-01-09 21:03:06 +01:00
|
|
|
document.getElementById(tablinks[i].id).addEventListener("click", openTab);
|
2020-01-05 00:54:40 +01:00
|
|
|
}
|
|
|
|
|
});
|