Как очистить поле с результатами умножения, если стереть множитель?
Выполняется простое умножение, число num2 меняется от товара к товару.
Результат появляется на месте вопроса, но когда стираешь num1, остаются цифры, а нужно вернуть обратно знак вопроса
<div class="q-scuare-x"> <div class="q-scuare-left"> <span class="hidden-xs">Укажите Вашу площадь м2:</span><span class="visible-xs">Ваша площадь м2:</span> <input type="text" name="num1" id="num1" class="qty-scuare__input form-control" /> <input type="text" name="num2" value="34" id="num2" class="dispnone" style="display: none;" /></div> <div class="q-scuare-right"><span class="hidden-xs">Необходимо модулей:</span><span class="visible-xs">Нужно модулей:</span><span id="scuare">?</span></div> </div> </div> |
<div class="q-scuare-x"> <div class="q-scuare-left"> <span class="hidden-xs">Укажите Вашу площадь м2:</span><span class="visible-xs">Ваша площадь м2:</span> <input type="text" name="num1" id="num1" class="qty-scuare__input form-control" /> <input type="text" name="num2" value="34" id="num2" class="dispnone" style="display: none;" /></div> <div class="q-scuare-right"><span class="hidden-xs">Необходимо модулей:</span><span class="visible-xs">Нужно модулей:</span><span id="scuare">?</span></div> </div> </div>
<script> $(document).ready(function() { sum(); $("#num1, #num2").on("keydown keyup", function() { sum(); }); }); function sum() { var num1 = document.getElementById('num1').value; var num2 = document.getElementById('num2').value; var result = parseFloat(num1) * parseFloat(num2); if (!isNaN(result)) { document.getElementById('scuare').innerHTML = Math.ceil(result); } } </script> |
<script> $(document).ready(function() { sum(); $("#num1, #num2").on("keydown keyup", function() { sum(); }); }); function sum() { var num1 = document.getElementById('num1').value; var num2 = document.getElementById('num2').value; var result = parseFloat(num1) * parseFloat(num2); if (!isNaN(result)) { document.getElementById('scuare').innerHTML = Math.ceil(result); } } </script>
snippet
Дополнительно:
как-то так
-if (!isNaN(result)) { -document.getElementById('scuare').innerHTML = Math.ceil(result); - } +document.getElementById('scuare').innerHTML = isNaN(result) ? '?' : Math.ceil(result); |
-if (!isNaN(result)) { -document.getElementById('scuare').innerHTML = Math.ceil(result); - } +document.getElementById('scuare').innerHTML = isNaN(result) ? '?' : Math.ceil(result);
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы очистить поле с результатами умножения, если стереть множитель, можно использовать следующий подход:
1. Перехватывать событие ввода в поле с множителем.
2. Проверять, было ли удалено значение множителя.
3. Если значение множителя было удалено, очищать поле с результатами умножения.
Пример кода на PHP для реализации данного функционала:
<div id="results"></div> function clearResults() { let multiplier = document.getElementById('multiplier').value; let results = document.getElementById('results'); if (multiplier === '') { results.innerHTML = ''; } else { // Calculate and display results based on the multiplier // For example, if you have a list of numbers to multiply by the multiplier // you can loop through the list and display the results in the 'results' div } }
В данном примере, при каждом изменении значения в поле с множителем (input с id="multiplier"), вызывается функция clearResults(). Функция проверяет, было ли удалено значение множителя, и в зависимости от этого либо очищает поле с результатами умножения, либо пересчитывает результаты и отображает их в соответствующем div (с id="results").
Таким образом, при стирании значения множителя, поле с результатами умножения будет автоматически очищаться, обеспечивая пользователю более удобный опыт использования приложения.