Tugas

[rafli290600]

<title>Create Issue</title> <style> body { font-family: Arial, sans-serif; margin: 20px; background-color: #f5f5f5; }

.issue-form {
  background: white;
  padding: 20px;
  max-width: 500px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.issue-form h2 {
  margin-bottom: 15px;
}

input[type="text"], textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}

.actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.actions label {
  font-size: 14px;
}

.actions button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #2ea44f;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.actions button:hover {
  background-color: #22863a;
}

</style>

Create New Issue

<textarea id="description" rows="6" placeholder="Add a description..."></textarea>

Create more Create

<script> const form = document.getElementById('issueForm'); const statusMessage = document.getElementById('statusMessage'); form.addEventListener('submit', function(e) { e.preventDefault(); const title = document.getElementById('title').value.trim(); const description = document.getElementById('description').value.trim(); const createMore = document.getElementById('createMore').checked; if (title === '') { alert('Title is required!'); return; } // Simulate issue creation statusMessage.textContent = `✅ Issue "${title}" created!`; if (createMore) { form.reset(); } else { form.querySelector('button').disabled = true; } }); </script>