codewithpawan/emoji-svg-resizer

1document.addEventListener('DOMContentLoaded', function() {2    const svgContainer = document.getElementById('svgContainer');3    const sizeSlider = document.getElementById('sizeSlider');4    const sizeValue = document.getElementById('sizeValue');5    const resetBtn = document.getElementById('resetBtn');6    const svg = svgContainer.querySelector('svg');7    // Update size display and SVG container8    function updateSize() {9        const size = parseInt(sizeSlider.value) + 20; // Add 20px for extra width (10px each side)10        svgContainer.style.width = `${size}px`;11        svgContainer.style.height = `${sizeSlider.value}px`;12        sizeValue.textContent = `${sizeSlider.value}px`;13    }14    // Reset to default size15    function resetSize() {16        sizeSlider.value = 600;17        updateSize();18    }19// Event listeners20    sizeSlider.addEventListener('input', updateSize);21    resetBtn.addEventListener('click', resetSize);22    23    // Initialize24    updateSize();25});