document.addEventListener("DOMContentLoaded", function() { // Get the input element var input = document.querySelector('[name="quantity"]'); //input.disabled = true; // Create the increment button var incrementButton = document.createElement("a"); incrementButton.innerHTML = "+"; incrementButton.classList.add("increment"); incrementButton.onclick = function() { input.stepUp(1); }; // Append the increment button before the input element input.parentNode.insertBefore(incrementButton, input); // Create the decrement button var decrementButton = document.createElement("a"); decrementButton.innerHTML = "-"; decrementButton.classList.add("decrement"); decrementButton.onclick = function() { input.stepDown(1); }; // Append the decrement button after the input element input.insertAdjacentElement("afterend", decrementButton); });