Как изменить значение ввода после загрузки страницы?

Question

Я использовал инструмент выбора диапазона (индикатор выполнения), чтобы получить результаты измерений от клиентов. Я установил его предел от 1 до 50, поэтому он принимает 1 значение по умолчанию, если пользователь не выбирает его и пользователь может добавить товар в корзину, не выбирая инструмент выбора диапазона. Есть ли способ, которым мы можем изменить значение по умолчанию при загрузке страницы с помощью javascript (Нет jQuery) на что-то, что не позволяет пользователю добавлять товар в корзину.

Ссылка: https://cutt.ly/nrB4PAR

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

<script type="text/javascript" language="javascript">
    debugger;

    var range_val = document.getElementById("tmcp_range_1").value;
    if (range_val == 1)
        {
         document.getElementById("tmcp_range_1").value = "";
        }

</script>

ОБНОВЛЕНО:

Answer 1

Обновление входного значения после загрузки DOM изменит это значение.

function updateVal() {
    var range_val = document.getElementById("tmcp_range_1").value;
    if (range_val == 1) {
        document.getElementById("tmcp_range_1").value = "22";
    }
}
window.addEventListner("load", updateVal);

А также вам нужно изменить noUiSlider logi c для обновления пользовательского интерфейса. Ссылка https://refreshless.com/nouislider/slider-read-write/

Answer 2

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

function changeVal() {
  var range_val = document.getElementById("tmcp_range_1").value;
  if (range_val == 1) {
    document.getElementById("tmcp_range_1").value = "22";
  }
}

window.addEventListner("load", changeVal);