Titanium Todo App With Delete - Titanium-appcelerator Typing CST Test

Titanium Todo App With Delete — Titanium-appcelerator Code

Todo app with delete functionality for each task.

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

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

function refreshList(){
	listView.data = todos.map(function(todo, i){
		var row = Ti.UI.createTableViewRow({title:todo.title});
		row.addEventListener('click', function(){
		todos.splice(i,1);
		refreshList();
		});
		return row;
	});
}

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

win.add(todoInput);
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