Усередині функції ми використовуємо метод getElementById, щоб отримати вхідний елемент за його ідентифікатором. Потім ми використовуємо властивість value, щоб отримати значення вхідних даних і зберегти його у змінній під назвою «value». Нарешті, ми можемо відобразити значення за допомогою консолі. журнал або сповіщення.
Використання події onclick
- Видаліть атрибут onload="showAlert()" з елемента <body>.
- Додайте наступний HTML-елемент <button> будь-де в тілі веб-сторінки: <button onclick="showAlert()">Показати сповіщення</button>
Визначено елемент <input> з ідентифікатором "myInput". Кнопка з обробником події onclick надається для запуску функція getValue().. Функція getValue() отримує вхідний елемент за допомогою getElementById() , отримує доступ до його властивості value, щоб отримати текст, введений користувачем, і відображає його в сповіщенні.
Щоб змінити текст під час натискання в JavaScript, ви можете використовуйте метод addEventListener(), щоб прослухати подію клацання елемента та оновити його текстовий вміст за допомогою властивості textContent. // HTML <p id="change-text">Натисніть мене, щоб змінити текст!
Щоб написати в текстове поле, коли натиснуто кнопку в Solution Explorer, Клацніть правою кнопкою миші цей документ, а потім виберіть у контекстному меню пункт Переглянути код. Додайте наступний код до обробника події Click кнопки. У C# ви повинні додати обробник події для кнопки до події Startup.