Не могу понять, как получить значение события нажатия кнопки и вставить его в поле ввода текста

Question

Я создаю это приложение, которое помогает людям играть в Яхтце без игры в кости. По сути, это генератор случайных чисел, визуально отображаемый в DOM.

Я пытаюсь добавить некоторые дополнительные функции, позволяя игрокам нажимать на сгенерированные числа, которые хранятся в DOM в элементах кнопки. И, нажимая на них, он сохраняет этот номер в поле ввода текста под ним.

Я пробовал несколько разных вещей, чтобы вставить значение в поле ввода, но, похоже, ничего не работает или не выдает никаких ошибок. Запись значения в консоль при нажатии работает нормально.

Объяснение TLDR в видео (извините за дерьмовый звук): https://www.loom.com/share/449c370364b448349e20a06085dae5d5

Ссылка на Github: https://github.com/Roaldkamman/Portfolio_YahtzeeDice

самый важный фрагмент кода, который я пытаюсь исправить:

$(".dice-button").on("click", ".btn_1", function() { 
    $(".myInput").value = this.textContent + ", ";
});

Как работает регистрация в консоли:

$(".dice-button").on("click", ".btn_2", function() { 
    console.log(this.textContent); 
});

Спасибо за заранее за любую помощь! :)

Answer 1

.value - это свойство элемента ввода HTML, а не объекта jQuery. Таким образом, вы должны либо использовать jQuery .val() для установки значения, либо извлечь элемент HTML из объекта:

$(".myInput").val(this.textContent + ", ");

... или:

$(".myInput")[0].value = this.textContent + ", ";

Answer 2

В jQuery используйте метод val() в элементе ввода

$(".myInput").val(this.textContent + ", ")