Een unieke tool voor kinderen met dyslexie

.container { width: 100%; /* Change this % to control button's size */ max-width: 150px; /* Optional: limit max size */ margin: 0px; } input[type="image"] { width: 100%; height: auto; transition: width 0.5s ease; /* Smooth resizing animation */ display: block; } /* Optional: Add responsiveness */ @media (max-width: 600px) { .container { width: 100%; max-width: 80px; padding: 0px auto; } input[type="image"] { padding: 10px !important; border-radius: 10px !important; margin: 0px !important; } } var audioEi = new Audio("https://clevy.com/wp-content/uploads/2023/05/ei.wav"); // Play audio on button click document.getElementById('playButtonEi').addEventListener('click', function() { audioEi.play(); }); // Function to log button width function logButtonWidth() { var imgInput = document.getElementById('playButtonEi'); console.log("Current Width:", imgInput.offsetWidth + "px"); } // Log width on page load window.onload = logButtonWidth; // Log width on window resize window.addEventListener('resize', logButtonWidth);