Agreement Signature Generator

Enter Your Name:

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; text-align: center; } h1 { color: #333; } label { display: block; margin-top: 20px; } input[type="text"] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 3px; } button { margin-top: 10px; padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } #agreement { margin-top: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9; text-align: left; display: none; } document.getElementById("generateBtn").addEventListener("click", generateAgreement); function generateAgreement() { const customerName = document.getElementById("customerName").value; const agreement = `This agreement is made and entered into by and between ${customerName} and XYZ Company...`; // Replace with your agreement template const agreementElement = document.getElementById("agreement"); agreementElement.style.display = "block"; agreementElement.innerText = agreement; }