My hackathon project

[Tdoubie]

<title>Hackathon Project</title> <script defer src="script.js"></script>

Hackathon Project

Innovative web application for real-world problem-solving

Submit Your Idea

<textarea id="idea" placeholder="Describe your idea" required></textarea> Submit

Submitted Ideas

© 2025 Hackathon Project

<script> document.getElementById("ideaForm").addEventListener("submit", function(event) { event.preventDefault();

    let name = document.getElementById("name").value;
    let email = document.getElementById("email").value;
    let idea = document.getElementById("idea").value;
    
    let ideaList = document.getElementById("ideaList");
    let listItem = document.createElement("li");
    listItem.textContent = `${name} (${email}): ${idea}`;
    ideaList.appendChild(listItem);
    
    document.getElementById("ideaForm").reset();
});

</script> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; text-align: center; } header { background: #333; color: #fff; padding: 20px; } main { padding: 20px; } form { display: flex; flex-direction: column; max-width: 400px; margin: auto; } input, textarea, button { margin: 10px 0; padding: 10px; } button { background: #28a745; color: white; border: none; cursor: pointer; } button:hover { background: #218838; } ul { list-style-type: none; padding: 0; } li { background: white; margin: 10px; padding: 10px; border-radius: 5px; } </style>