<!DOCTYPE html>
<html>
<head>
<title>LVMINAL feedback tool</title>
<style>
/* Your custom styles here */
</style>
</head>
<body>
<h1>Music Player</h1>
<!-- Music Player Section -->
<div id="music-player">
<!-- Replace the following code with your music player implementation -->
<p>Music player goes here...</p>
</div>
<!-- Feedback Section -->
<div id="feedback">
<h2>Leave Your Feedback</h2>
<form id="feedback-form">
<input type="text" id="name-input" placeholder="Your Name" required><br>
<input type="email" id="email-input" placeholder="Your Email" required><br>
<textarea id="feedback-input" placeholder="Your Feedback" required></textarea><br>
<button type="button" id="submit-button" disabled>Download</button>
</form>
</div>
<script>
// Force feedback before enabling download button
document.getElementById('feedback-form').addEventListener('submit', function(event) {
event.preventDefault();
var nameInput = document.getElementById('name-input');
var emailInput = document.getElementById('email-input');
var feedbackInput = document.getElementById('feedback-input');
var submitButton = document.getElementById('submit-button');
// Validate the inputs
if (nameInput.value.trim() === '' || emailInput.value.trim() === '' || feedbackInput.value.trim() === '') {
alert('Please fill in all the required fields!');
} else {
// Perform any additional validation or processing here
// If valid, enable the download button
submitButton.disabled = false;
// Proceed with the download or any other action
// You can modify the form action and method as needed
document.getElementById('feedback-form').action = 'https://www.promo-box.com/promos';
document.getElementById('feedback-form').method = 'POST';
document.getElementById('feedback-form').submit();
}
});
</script>
</body>
</html>
Hello, World!