You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.3 KiB
27 lines
1.3 KiB
2 months ago
|
// script.js
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
const increaseButton = document.getElementById('access-tab');
|
||
|
|
const elements = document.querySelectorAll('.text-content p, #index-info p, #hyperlink-container, #page-header, .list-title, .list-artists, .list-details, #article-title, #article-text, .page-info-title, .page-info-entry, #article-information, #article-book');
|
||
|
|
//const decreaseButton = document.getElementById('decreaseText');
|
||
|
|
|
||
|
|
increaseButton.addEventListener('click', () => {
|
||
|
|
console.log("hello")
|
||
|
|
adjustTextSize(1.1); // Increase text size by 10%
|
||
|
|
});
|
||
|
|
|
||
|
|
// decreaseButton.addEventListener('click', () => {
|
||
|
|
// adjustTextSize(0.9); // Decrease text size by 10%
|
||
|
|
// });
|
||
|
|
|
||
|
|
function adjustTextSize(factor) {
|
||
|
|
elements.forEach(element => {
|
||
|
|
// Get the current font size of the element
|
||
|
|
const currentSize = parseFloat(window.getComputedStyle(element, null).getPropertyValue('font-size'));
|
||
|
|
// Calculate the new size based on the factor
|
||
|
|
const newSize = currentSize * factor;
|
||
|
|
// Apply the new size to the element
|
||
|
|
element.style.fontSize = `${newSize}px`;
|
||
|
|
element.style.lineHeight = `${newSize}px`;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|