Как вызвать событие onchange через браузер Javascript Console

Question

Это HTML-код:

<tr>
<td class="caption">Amount</td>
<td><input type="text" name="Amount" value="" size="30" id="Amount" 
onkeypress="return isNumberKey(event);" onchange="this.value = 
changeAmount(this.value);" maxlength="18"></td>
</tr>
<tr>
<td>Amount Word</td>
<td><textarea name="AmountWord" cols="" rows="" wrap="soft" 
class="text_sotien" id="AmountWord" readonly=""></textarea></td>
</tr>

Мой сайт будет иметь 2 поля, как указано выше. Функция changeAmount() - это скрипт на моем сервере. Теперь я хочу создать Javascript-скрипт для моего клиента. Когда они вставили его в консоль браузера (Ctrl + Shilf + I в Chrome или F12 в Firefog), он заполнит новое значение поля Amount, а затем вызовет функцию changeAmount(), чтобы изменить значение AmountWord. Это мой код, но он может изменять только значение поля Amount, но не вызывать функцию changeAmount() для изменения значения поля AmountWord:(

javascript:document.getElementById("Amount").value='111000';document.getElementById("AmountWord").focus; document.getElementById("AmountWord").click();

пожалуйста, помогите мне

Answer 1

С современными методами браузера:

const input = document.querySelector("input[name='Amount']")
input.dispatchEvent(new CustomEvent("change"))

Лучше просто избегать встроенных вызовов JS, как это все же.