Jira Subtask builder

by Emily Humphrey

HTML

<form class="add-task">
    <div class="task-title">
        <label>Title</label>
        <input class="title-input"/>
    </div>
    <div class="task-assignee">
        <label>Assignee</label>
        <input class="assignee-input"/>
    </div>
    <div class="task-desciption">
        <label>Description</label>
        <textarea class="desciption-input"></textarea>
    </div>
    <button>submit</button>
</form>
<textarea class="results"></textarea>

CSS

body{
    padding: 10px;
    margin: 0;
}
.results{
    height: 250px;
    width: 100%;
}

JavaScript

var tasks = [];
function buildTask(title,description,assign){
    var string = title;
    if(description != ""){
        string = string+" / description: \""+description+"\"";
    }
    if(assign != ""){
        string = string+" / assignee: \""+assign+"\"";
    }
    tasks.push("- "+string+"&#10;");
}

$(".add-task").submit(function(e){
    e.preventDefault();
    var title = $(".title-input").val();
    var assignee = $(".assignee-input").val();
    var description = $(".desciption-input").val();

    buildTask(title,description,assignee);
    $(".title-input").val("");
    $(".assignee-input").val("");
    $(".desciption-input").val("");
    
    $(".results").html(tasks);
});