web developer in 3days - v7

script.js

window.document.addEventListener('DOMContentLoaded', function() {
	var tabLinks = window.document.querySelectorAll('.tab-links-item');
	var tabLinksArray = [].slice.call(tabLinks);
	tabLinksArray.forEach(function(tabLink) {
		tabLink.addEventListener('click', function(event) {
			event.preventDefault();
			if(!tabLink.classList.contains('active')) {
				// update tab links
				tabLink.parentNode.querySelector('.tab-links-item.active').classList.remove('active');
				tabLink.classList.add('active');

				// update tab panes
				var targetPane = window.document.querySelector(tabLink.getAttribute('href'));

				targetPane.parentNode.querySelector('.active').classList.remove('active');
				targetPane.classList.add('active');
			}
		});
	});
});