Вводимое мной входное значение не отображается в JavaScript

Я пишу текстовую игру для конкурса колледжей и очень новичок в JS и HTML DOM. Я успешно создал ввод и пытаюсь его проверить. Однако, когда я ввожу ввод и нажимаю ввод, ничего не регистрируется в консоли...

function new_input(){
    let input = document.createElement("INPUT");
    input.setAttribute("type", "text");
    input.setAttribute("id", "input");
    document.body.appendChild(input);
    let x = $("input").val();
    console.info(x);

Вам нужно событие onChange, чтобы увидеть, как значение ввода изменяется при вводе, или событие onClick для кнопки «отправить» на вводе, чтобы увидеть ваш окончательный ввод после нажатия кнопки.

— 12.12.2020 19:10

Вам нужен метод, чтобы определить, когда что-то вводится в поле ввода. Возможно, атрибут onChange в элементе ввода? примерно так: <input onChange = "new-input()">

— 12.12.2020 19:11

Отвечает ли это на ваш вопрос? Ввод не вызывает событие изменения

— 12.12.2020 19:13

Измените последние 2 строки на $("#input").change(function(){ console.info($(this).val()) })

— 12.12.2020 19:20

javascript html jquery dom

12.12.2020 19:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно обработать щелчок с помощью обратного вызова.

Если вы хотите сделать это, используйте следующий код вместо двух последних строк.

input.onkeypress = (e) => {
    if (e.keyCode === 13) {
        console.info(input.value);
    }
}

12.12.2020 19:21

Другие вопросы по теме

Как установить NumJs для веб-разработки?

Возникли проблемы с использованием обновленной оценки в других функциях за пределами функции, в которой оценка обновляется в HTML Canvas

Могу ли я изменить цвет фона элемента при наведении курсора на другой?

Как получить несколько таблиц с веб-страницы с помощью R

Каков наиболее эффективный способ разбить изображение с помощью холста?

Javascript/Node.js импортирует html-файл и передает параметры в html-файл

Как получить доступ к данным Vue в Vue-CLI в консоли браузера

Значение диапазона внутри значения стиля

HTML-центр с гибкой компоновкой CCS

Razor Pages — как добавить данные модели к жестко запрограммированным параметрам выбора, если значение совпадает

Вводимое мной входное значение не отображается в JavaScript

Ответы 1

Другие вопросы по теме

Похожие вопросы