Здравствуйте!
У меня ошибка которую я не могу решить из за своего уровня знаний JS. Задача вроде несложная - очистить инпуты от значений, но после инпута стоит span с ед.измерений (переключается радио-кнопками: м, см, мм).
Макет инпутов:
<div><input class="test" type="text"> <span class="unit"> м</span></div>
<div><input class="test" type="text"> <span class="unit"> м</span></div>
<div><input class="test" type="text"> <span class="unit"> м</span></div>
<button class="deleteInputs">Очистить значения</button>
<script>
document.querySelector('.deleteInputs').addEventListener('click', function () {
document.querySelectorAll('input').forEach((i) => i.value = null);
});
</script>
Тут
первый вопрос: Какое значение правильно присвоить инпутам при чистке в JS? Я остановился на варианте null, изначально ставил = ''.
Дело в том, что после такой чистки у меня появляется ошибка со скриптом отвечающим за изменение ед. измерений.
Консоль ругается на такой фрагмент кода:
[].forEach.call(node.querySelectorAll('.area'), function (e, i) {
e.textContent = area[i] ? (area[i] * dim[u].mul).toFixed(2) + ' м' + sqr : '';
});
Консоль подчёркивает красным этот фрагмент:
.mul).toFixed(2) + ' м' + sqr : '';
Это 71 строка из кода в этом посте:
https://javascript.ru/forum/486772-post6.html
Подскажите, в данном случае стоит отказаться от кнопки очистки или можно поправить код?