index.html:
<!DOCTYPE html>
<html>
<head>
<title>Terms and Conditions Generator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Terms and Conditions Generator</h1>
<form id="generator-form">
<label for="businessName">Business Name:</label>
<input type="text" id="businessName" required>
<br>
<label for="websiteURL">Website URL:</label>
<input type="url" id="websiteURL" required>
<br>
<label for="email">Contact Email:</label>
<input type="email" id="email" required>
<br>
<label for="effectiveDate">Effective Date:</label>
<input type="date" id="effectiveDate" required>
<br>
<button type="submit">Generate Terms and Conditions</button>
</form>
<div id="result">
<textarea id="termsText" readonly></textarea>
<button id="copyButton" onclick="copyToClipboard()">Copy to Clipboard</button>
</div>
<script src="script.js"></script>
</body>
</html>
style.css:
body {
text-align: center;
margin-top: 100px;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
form {
margin-top: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"], input[type="url"], input[type="email"], input[type="date"] {
width: 300px;
padding: 5px;
}
button {
padding: 10px 20px;
font-size: 16px;
}
#result {
margin-top: 20px;
}
#termsText {
width: 500px;
height: 300px;
margin: 10px auto;
}
#copyButton {
padding: 10px 20px;
font-size: 16px;
}
script.js:
function generateTermsAndConditions(event) {
event.preventDefault();
// Fetch form inputs
const businessName = document.getElementById('businessName').value;
const websiteURL = document.getElementById('websiteURL').value;
const email = document.getElementById('email').value;
const effectiveDate = document.getElementById('effectiveDate').value;
// Generate Terms and Conditions
const terms = generateTerms(businessName, websiteURL, email, effectiveDate);
// Display generated Terms and Conditions
document.getElementById('termsText').value = terms;
}
function generateTerms(businessName, websiteURL, email, effectiveDate) {
// Customize this function to generate the Terms and Conditions content based on your business requirements
const terms = `Terms and Conditions
=====================
Effective Date: ${effectiveDate}
1. Introduction
---------------
These Terms and Conditions govern your use of ${websiteURL} website and any related services provided by ${businessName}. By accessing or using the website, you agree to be bound by these Terms and Conditions.
2. Intellectual Property Rights
-------------------------------
...
3. Restrictions
---------------
...
4. Limitation of Liability
-------------------------
...
5. Indemnification
------------------
...
6. Governing Law
----------------
...
If you have any questions about these Terms and Conditions, please contact us at ${email}.`;
return terms;
}
function copyToClipboard() {
const termsText = document.getElementById('termsText');
termsText.select();
document.execCommand('copy');
alert('Terms and Conditions copied to clipboard!');
}
document.getElementById('generator-form').addEventListener('submit', generateTermsAndConditions);
In this example, the user is prompted to enter their business name, website URL, contact email, and effective date of the Terms and Conditions. Upon form submission, the JavaScript function generateTermsAndConditions is triggered, which collects the form inputs and calls the generateTerms function to generate the actual Terms and Conditions content.
The generated Terms and Conditions are then displayed in a textarea element. The user can click the "Copy to Clipboard" button to copy the generated content.
Please note that the generateTerms function is a placeholder and should be customized to generate the actual Terms and Conditions content specific to your business. It is important to consult with a legal professional to ensure the accuracy and compliance of the generated Terms and Conditions.
Save all these files in the same directory and open the index.html file in a web browser to test the Terms and Conditions generator tool.
0 Comments