Tengo una entrada de número controlada por los botones (+) y (-). Agregué una etiqueta de unidad después del número con un lapso después de la entrada, pero ahora tengo problemas para descubrir cómo pluralizar la unidad cuando aumenta el número de 1 elemento -> 2 elementos
¿Hay una forma fácil de hacer esto? (Soy un principiante)
$(document).ready(function() { $(".panel-calc").on("input", ".quantity", function() { var quantity = +$(this).val(); }) var $buttonPlus = $('.plus-button'); var $buttonMin = $('.minus-button'); var $quantity = $('.quantity'); /*For plus and minus buttons*/ $buttonPlus.click(function() { $quantity.val(parseInt($quantity.val()) + 1).trigger('input'); }); $buttonMin.click(function() { $quantity.val(Math.max(parseInt($quantity.val()) - 1, 1)).trigger('input'); }); }) .widget { text-align: center; padding: 40px; } input { text-align: center; width: 40px; border: none; text-align: right; } .label { padding-right: 35px; font-family: sans-serif; font-size: 13px; } <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <div class="widget"> <! --- plus minus interactive ---> <button type="button" class="minus-button">-</button> <input type="text" class="quantity" value="1"><span class="label"> item</span> <button type="button" class="plus-button">+</button> </div>