Tugas

Create Issue

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;
}

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;
}
});