Add font size slider

This commit is contained in:
√(noham)²
2025-06-15 20:09:10 +02:00
parent c01c01d4e1
commit e88417b995
3 changed files with 17 additions and 14 deletions

View File

@@ -7,6 +7,8 @@ const codeLines = document.getElementById('line-nums');
const themeStylesheet = document.getElementById('theme-style');
const themeSelector = document.getElementById('themes');
const codeContainer = document.getElementById('code-container');
const fontSizeSlider = document.getElementById('font-size-slider');
const fontSizeValue = document.getElementById('font-size-value');
let selectedLanguage = localStorage.getItem('language') || 'javascript';
let selectedTheme = localStorage.getItem('theme') || 'github-dark';
let codeText = localStorage.getItem('code') || 'console.log("Hello World")';
@@ -69,6 +71,12 @@ themeSelector.addEventListener('change', () => {
localStorage.setItem('theme', selectedTheme);
});
fontSizeSlider.addEventListener('input', () => {
const fontSize = fontSizeSlider.value;
fontSizeValue.textContent = `${fontSize}px`;
document.documentElement.style.setProperty('--dynamic-font-size', `${fontSize}px`);
});
// Helper functions
function escapeHtml(text) {
return text
@@ -103,8 +111,4 @@ function updateCode() {
codeContainer.innerHTML = formattedCode;
hljs.highlightAll();
}
}