Виведення конкретного результату з поля вводу за допомогою JavaScript

текст перекладу

](https://www.pexels.com/photo/person-holding-gray-twist-pen-and-white-printer-paper-on-brown-wooden-table-955389/)

Давайте навчимося відображати конкретний вихід для введеного значення в полі вводу. Це поширена задача при роботі з HTML-формами та введенням користувача.

По-перше, давайте створимо просту HTML-форму з полем вводу та кнопкою. Користувач введе свій текст у поле, і коли він натисне кнопку, ми відобразимо певний результат.

Приклад вводу-виводу на JavaScript
Надіслати       

        ```  У цьому HTML-коді ми маємо поле вводу з id `myInput`, кнопку, яка викликає JavaScript-функцію `displayOutput()` при натисканні, та параграф з id `output`, у якому ми відобразимо наш результат.  Тепер давайте додамо JavaScript-код, який отримуватиме введення користувача та відображатиме результат.  ```  ```  У цьому JavaScript-коді ми спочатку отримуємо значення з поля вводу та параграфа для виводу за їх id. Потім перевіряємо, чи дорівнює введене значення “Hello”. Якщо так, то виводимо “World!”. Якщо ні, то виводимо “You didn’t say hello.”.  І це все! Це базовий приклад, і ви можете розширити його для обробки більш складних сценаріїв, наприклад, перевірки введення або відображення різних результатів залежно від введеного тексту.  [  ![pic](https://drive.javascript.org.ua/a52870882e1_yXzPysFWKdmE54z3BqefdA_png)_._



Перекладено з: [Displaying Specific Output from an Input Field Using JavaScript](https://javascript.plainenglish.io/displaying-specific-output-from-an-input-field-using-javascript-59d8b05a7e9c)