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.
30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
const products = document.getElementById('products');
|
|
const services = document.getElementById('services');
|
|
|
|
const productsContainer = document.getElementById('productsContainer');
|
|
const servicesContainer = document.getElementById('servicesContainer');
|
|
|
|
const addProductButton = document.getElementById('addProductButton');
|
|
const addServiceButton = document.getElementById('addServiceButton');
|
|
|
|
products.addEventListener('click', () => {
|
|
productsContainer.classList.remove('hidden');
|
|
servicesContainer.classList.add('hidden');
|
|
|
|
products.classList.add('selectedItemType');
|
|
services.classList.remove('selectedItemType');
|
|
|
|
addProductButton.classList.remove('hidden');
|
|
addServiceButton.classList.add('hidden');
|
|
});
|
|
|
|
services.addEventListener('click', () => {
|
|
productsContainer.classList.add('hidden');
|
|
servicesContainer.classList.remove('hidden');
|
|
|
|
products.classList.remove('selectedItemType');
|
|
services.classList.add('selectedItemType');
|
|
|
|
addProductButton.classList.add('hidden');
|
|
addServiceButton.classList.remove('hidden');
|
|
}); |