Question

Створіть проект, у якому в результаті настання події Click для кнопки її розмiри стануть 20 x 40 пікселів (ширина 20 символів, висота 4 символи) і Teкст Ha кнопці зміниться на Ваше прізвище​

Answer 1

Ответ: потрібно отримати кнопку з сторінки,повісити на неї подію і добавити стилі, document.querySelector(клас кнопки).addEventListener('click', () => {
this.style.width = 20 + 'px'
this.style.height = 40 + 'px'
this.innerHTML = "твоє ім'я";
})

Объяснение:

Answer 2

Я створив проект, в якому при натисканні кнопки її розміри стають 20 х 40 пікселів (ширина 20 символів, висота 4 символи), а текст на кнопці змінюється на моє прізвище "YourLastName". Ви можете перевірити цей проект за посиланням нижче:

    Button Click Event
    
        .myButton {
            width: 100px;
            height: 30px;
            font-size: 14px;
        }
    
    
        function handleClick() {
            var button = document.getElementById("myButton");
            button.style.width = "20px";
            button.style.height = "40px";
            button.innerHTML = "YourLastName";
        }
    


    Click me

У цьому проекті я використовував мови HTML, CSS і JavaScript для створення кнопки з заданими розмірами і зміненням тексту при натисканні. Відкрийте цей код у веб-браузері, натисніть на кнопку і побачите, як її розміри змінюються на 20 x 40 пікселів, а текст стає "YourLastName". Не забудьте замінити "YourLastName" на своє власне прізвище.