body { font-family: Arial, sans-serif; margin: 20px; background-color: #f9f9f9; } .form-container { max-width: 600px; margin: 0 auto; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } h1, h2 { color: #333; } label { display: block; margin: 10px 0 5px; color: #555; } input, select, textarea { width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } .word-count { display: flex; align-items: center; gap: 10px; } .word-count button { padding: 5px 10px; font-size: 16px; cursor: pointer; } button { background-color: #007BFF; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; } button:hover { background-color: #0056b3; } document.addEventListener('DOMContentLoaded', () => { const minusBtn = document.getElementById('minusBtn'); const plusBtn = document.getElementById('plusBtn'); const wordCountInput = document.getElementById('wordCount'); minusBtn.addEventListener('click', () => { const currentValue = parseInt(wordCountInput.value, 10) || 0; if (currentValue > 0) { wordCountInput.value = currentValue - 1; } }); plusBtn.addEventListener('click', () => { const currentValue = parseInt(wordCountInput.value, 10) || 0; wordCountInput.value = currentValue + 1; }); const form = document.getElementById('orderForm'); form.addEventListener('submit', (event) => { event.preventDefault(); alert('Proceeding to checkout!'); }); });