getElementById工作正常，但getElementsByClassName工作异常

Question

它正在使用querySelector，但是我有3个数字输入字段。它仅适用于第一个。第二个和第三个不起作用。

const elX = document.querySelector('.sayim');
    const elY = document.querySelector('.tm-qty');

function limit() {
    elY.value=Math.min(Math.round(elX.value),elY.value);
}

elX.onchange=limit;
elY.onchange=limit;

第一个HTML

<input class="sayim" type="number" value="0" step="1" min="0" max="999" name="wc_bookings_field_persons_2855" id="wc_bookings_field_persons_2855">

第二个HTML

<input class="tm-qty" type="number" step="any" min="0" name="tmcp_checkbox_0_1_quantity" value="0" title="Qty" size="4">

Answer 1

一个班级不清楚。要获得第一个白色的类名，请使用[0]

const elX = document.querySelector('.sayim')[0];
const elY = document.querySelector('.tm-qty')[0];

function limit() {
    elY.value=Math.min(Math.round(elX.value),elY.value);
}

elX.onchange=limit;
elY.onchange=limit;