Как сократить JS код?

Question

[Анатолий]

Подскажите, пожалуйста, как можно сократить приведенный ниже JS код. В примере 2 инпута, а если их будет 20, то такой способ записи очень большой.

Посмотреть в живую что он делает:

document.getElementById("shirina").onblur = function () {
      if (shirina.value < 10) {
        error1();
      document.getElementById("shirina").value = "10";  
      } else if (shirina.value > 24) {
        document.getElementById("shirina").value = "24";  
        error1();
      }
    }
	document.getElementById("dlina").onblur = function () {
      if (dlina.value < 5) {
        error2();
      document.getElementById("dlina").value = "5";  
      } else if (dlina.value > 7) {
        document.getElementById("dlina").value = "7";  
        error2();
      }
    }
function error1() {
  let p1 = document.createElement('p');
  p1.className = "erorr-m";
  p1.innerHTML = "Значение от 10 до 24";
  shirina.after(p1);
  setTimeout(function(){
	p1.remove();
  }, 3000);
}
function error2() {
  let p2 = document.createElement('p');
  p2.className = "erorr-m";
  p2.innerHTML = "Значение от 5 до 7";
  dlina.after(p2);
  setTimeout(function(){
	p2.remove();
  }, 3000);
}

Comments

[Евгений Палыч]

ого, зачем это, браузер сам ограничит значения при указании min и max в инпутах

Answer 1

[Сергей Соколов]

Можно вытаскивать из input'ов атрибуты min и max,
и на основе их значений делать и проверку и сообщение об ошибке:

Comments

[Анатолий]

Спасибо, хороший вариант )