Javascript 使用Tampermonkey更改文本输入中的值

我对JS非常陌生，希望使用Tampermonkey更改第二个文本框的值，具体取决于在第一个文本框中键入的内容

我有一个输入字段：

<input class="next-input js-tracking-number-input" data-bind-event-input="debouncedSetTrackingNumber(this.value, 0, true)" data-bind="trackingNumber" autocomplete="on" size="30" type="text" name="fulfillments[0][shipping_options][tracking_number]" id="fulfillments_0_shipping_options_tracking_number">

为您创建了现场演示。 非常简单的解决方案

---

在它周围的任何级别上是否有一个id不是可变的父级？几乎是：。需要MCVE或指向实际页面的链接。

<input type="text" id="text-1179424fdf221cee11464f318f3e7613" autocomplete="on" data-searchable-select-input="true" class="next-input next-input--invisible" role="combobox" aria-label="Search and select an option for Shipping carrier" aria-expanded="false" aria-autocomplete="list" aria-owns="fulfillments_0_shipping_options_tracking_company-searchable-select">

<input type="text" id="text-a63e2a66d9a139d52da7f333b1db2d1d" autocomplete="on" data-searchable-select-input="true" class="next-input next-input--invisible" placeholder="La Poste" role="combobox" aria-label="Search and select an option for Shipping carrier" aria-expanded="false" aria-autocomplete="list" aria-owns="fulfillments_0_shipping_options_tracking_company-searchable-select">

function init() {
  const firstInputElement = document.getElementsByClassName('js-tracking-number-input')[0];

  const secondInputElement = document.getElementsByClassName('next-input--invisible')[0];

  firstInputElement.oninput = (event) => {
    const inputValue = event.currentTarget.value;
    secondInputElement.value = /^[a-z]+/i.test(inputValue) ? 'Other' : ''
  };
}

init();