Titanium Todo With Priority - Titanium-appcelerator Typing CST Test

Titanium Todo With Priority — Titanium-appcelerator Code

Todo app where each task has a priority and displays it.

var todos = [];
var win = Ti.UI.createWindow({backgroundColor:'white'});

var todoInput = Ti.UI.createTextField({top:50, width:200, hintText:'New Todo'});
var priorityInput = Ti.UI.createTextField({top:90, width:200, hintText:'Priority'});
var addButton = Ti.UI.createButton({top:130, title:'Add'});
var listView = Ti.UI.createTableView({top:170, data:[]});

function refreshList(){
	listView.data = todos.map(function(todo){
		return Ti.UI.createTableViewRow({title:todo.title + ' (Priority: ' + todo.priority + ')'});
	});
}

addButton.addEventListener('click', function(){
	if(todoInput.value.trim() !== ''){
		todos.push({title: todoInput.value.trim(), priority: priorityInput.value.trim()});
		todoInput.value=''; priorityInput.value='';
		refreshList();
	}
});

win.add(todoInput);
win.add(priorityInput);
win.add(addButton);
win.add(listView);
win.open();

Titanium-appcelerator Language Guide

Titanium Appcelerator is an open-source mobile development framework that allows developers to build native iOS and Android apps using JavaScript, providing a single codebase for multiple platforms.

More Titanium-appcelerator Typing Exercises

Practice Other Languages