HTML Input: agregar botones más y menos con JavaScript.

Un cliente me pidió agregar los botones «menos» (-) y «más» (+) alrededor de un campo HTML input en su tienda WooCommerce.

Visto en la web del cliente luxuryholidaymaldives.com

jQuery: agregar botones «más» y «menos» en HTML Input tipo «number»

Desarrollé primero esta solución en jQuery aprovechando que la plataforma ya tiene esta librería incluida:

JavaScript: agregar botones «más» y «menos» en HTML Input tipo «number»

No conforme con esto aproveché y convertí el código en JavaScript: