Asked in Box onsite interview. With a node.js server on backend.
$().ready(function() {
$('#add').on('click', addTask);
$('#tasks').on('click', markComplete);
// Alternative way
// var tasksElement = document.getElementById('tasks');
// tasksElement.addEventListener('click', markComplete);
//document.getElementById('task-input').onkeydown = function(e){
$('#task-input').on('keydown', function(e) {
if(e && e.keyCode == 13){
addTask();
}
});
function renderTask(result) {
var checkboxContainerId = 'check' + result.id;
var taskTextId = 'tasktext-' + result.id;
if (result.done == '1') {
checkedState = ' checked ';
} else {
checkedState = '';
}
taskHtml = '